title: How to update label tag using jquery
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;div id="myDiv"&gt;
    &lt;table id="tbl0"&gt;
      &lt;tr id="tr0" style="display: none;"&gt;
        &lt;td&gt;
          &lt;label id="lbl0"&gt;&lt;/label&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="tr1" style="display: none;"&gt;
        &lt;td&gt;
          &lt;label id="lbl1"&gt;&lt;/label&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="tr2" style="display: none;"&gt;
        &lt;td&gt;
          &lt;label id="lbl2"&gt;&lt;/label&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the following jquery that sets a row to visible and updates (but fails) the label tag with some text.</p>
  
  <pre><code>var myStr = $(this).text();
  var myArr = myStr.split(',');
  
  $.each(myArr, function (i) {
  
    // This part works just fine
    var tr = $('#myDiv').find("#tr" + i);
    tr.css('display', 'inline');
  
    // The label is found, but I can't get jquery to update the text of
    // ...it no matter what I try
    var lbl = tr.find("lbl" + i);
  
    lbl.val('hello world'); // doesn't work
    lbl.text('hello world'); // doesn't work
    lbl.html('hello world'); // doesn't work
  
  });
  </code></pre>
  
  <p>So what am I doing wrong here? </p>