title: How can i update data in html after modify the object?
body: <p>I have this function that modify my existing object by  ID :</p>
  
  <pre><code>   var updateUser = function () {
      var id = $("#userId").val();
      var user = findObjectById(id);
  
      user.username = $('#username').val();
      user.level = $('#level').val();
      user.regstatus = $('#regstatus').val();
      user.regdate = $('#regdate').val();
  
  
  
      $(".table").show();
      $("#newUser").show();
      $("#userForm").hide();
      $("#updateUser").hide();
  
  }; 
  </code></pre>
  
  <p>How can i replace my curent data from HTML with modified data ?</p>
  
  <p>This is my function for creating rows : </p>
  
  <pre><code> var buildRow = function (data) {
      var html = '&lt;tr id = ' + data.id + '&gt;' +
          '&lt;td&gt;' + data.username + '&lt;/td&gt;' +
          '&lt;td&gt;' + data.level + '&lt;/td&gt;' +
          '&lt;td&gt;' + data.regstatus + '&lt;/td&gt;' +
          '&lt;td&gt;' + data.regdate + '&lt;/td&gt;' +
          '&lt;td&gt;' +
          '&lt;button class="btn btn-info"value="Edit" onclick="userList.editUser(' + data.id + ')"&gt;Edit&lt;/button&gt;' + ' ' +
          '&lt;button class="btn btn-danger" value="Delete" onclick="userList.deleteRow(' + data.id + ')"&gt;Delete&lt;/button&gt;' + '&lt;/td&gt;' +
          '&lt;/tr&gt;';
  
  
      $("#users").append(html);
  
  };
  </code></pre>
  
  <p>P.S i want to update in the same place and my id should be the same.</p>