title: New row in InPlaceEditor Component not editable
body: <p>I'm new to JQuery and tapestry....
  I mean to add a new row to my InPlaceEditor and then make it editable using the following:</p>
  
  <pre><code>$(document).ready(function () {
      $("#addnewrow").click(function () {
  
          var prompt = "Please enter new data";
          var oTable = $("#datatable").dataTable();
          var a = oTable.fnAddData([prompt , "Yes" ]);
          var erow = oTable.fnSettings().aoData[ a[0] ].nTr
          oTable.fnUpdate( erow.getElementsByTagName("td")[0].innerText, erow, 0, false );
          oTable.fnUpdate( erow.getElementsByTagName("td")[1].innerText, erow, 1, false );
          oTable.fnDraw();
  
           return false;
      });
  });
  </code></pre>
  
  <p>But the new row I just added is not editable!</p>
  
  <p>Reading around the internet I found the solutions to the problem:
  (http://bit.ly/KNf92c)</p>
  
  <ol>
  <li>Add the jEditable event controller to the new row</li>
  <li>Use jQuery's live() option ( <a href="http://docs.jquery.com/Events/live" rel="nofollow">http://docs.jquery.com/Events/live</a> ) to assign the editable event to row</li>
  <li>Reinitialize the jeditable after i added a row.</li>
  </ol>
  
  <p>How can I do this the tapestry way?</p>