Value not getting displayed

Question

Hi

   Value in alert gets displayed but it displays Blank Value in below code.

 document.getElementById('txtBalancedScoreCardAreas').value = BalancedScoreCardAreas;

<div class="col-lg-12">
                                                <div class="form-group">
                                                    <label>Balanced Score Card Areas</label>&nbsp;<span style="color: red">*</span>
                                                    <asp:TextBox ID="txtBalancedScoreCardAreas" class="form-control summernote" TextMode="MultiLine" Rows="2" placeholder="Q2 Target" required="true" runat="server"></asp:TextBox>
                                                </div>
                                            </div>
 

<script>
        $(function () {
            $('.summernote').summernote();
        });
    </script>
    <script type="text/javascript">
        function BindData(e) {
            document.getElementById('btnSave').value = "Update";

            var currentRow = $(e).closest("tr");
            var Id = currentRow.find("td:eq(0)").text();
            var BalancedScoreCardAreas = currentRow.find("td:eq(2)").text();

	    alert(BalancedScoreCardAreas);


            alert(BalancedScoreCardAreas);
            document.getElementById('hdfID').value = Id;

            document.getElementById('txtBalancedScoreCardAreas').value = BalancedScoreCardAreas;

        };
    </script>

Thanks