title: Updating Table rows using jQuery
body: <p>Suppose you have a html table:</p>
  
  <pre><code>&lt;table id="data"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;td&gt;ID&lt;/td&gt;
              &lt;td&gt;Username&lt;/td&gt;
              &lt;td&gt;First Name&lt;/td&gt;
              &lt;td&gt;Last Name&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;?php foreach($arrData as $arrRecord) { ?&gt;
          &lt;tr id="tr_&lt;?php echo $arrRecord["id"]; ?&gt;"&gt;
              &lt;td&gt;&lt;?php echo $arrRecord["username"]; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $arrRecord["fname"]; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $arrRecord["lname"]; ?&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;?php }?&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And you have a JSON object:</p>
  
  <pre><code>objUser = {"id":12,"username":"j.smith","fname":"john","lname":"smith"};
  </code></pre>
  
  <p>And you want to change that record within the corresponding table row (assuming that this table already has a row with id="tr_12"):</p>
  
  <pre><code>$('#tr_' + objUser.id).find("td").eq(1).html(objUser.id);
  $('#tr_' + objUser.id).find("td").eq(2).html(objUser.username);
  $('#tr_' + objUser.id).find("td").eq(3).html(objUser.fname);
  $('#tr_' + objUser.id).find("td").eq(4).html(objUser.lname);
  </code></pre>
  
  <p>Is there a faster/cleaner way of updating table rows using jQuery, than this last shown code block?</p>