Issue with focusin() and click()
<p>what i want to achieve is </p>

<ol>
<li><p>user types in textfield press tab or click next textfield results in removal of input tag replaced by displaying value read from text field  (WORKS)</p>

<p>2.User clicks on this text result in going to edit mode ( textbox with value shown to edit or replace) (WORKS)</p></li>
</ol>

<p>User clicks next text field or press tab which results in execution of step1 and so on (DOESNT WORK!)</p>

<pre><code>     $(document).ready(function(){

     $("input#aoneonedata").focusout(function(){
     $(this).remove();
    var aoneone=parseInt($(this).val())||0;
    $(this).remove();
     $("#aoneone").append("&lt;div id='a11'&gt;"+aoneone+"x&lt;/div&gt;");

      $("#a11").click(function(){
      $(this).remove();
    $("#aoneone").append("&lt;input type='text'
    id='aoneonedata' value="+aoneone+"&gt;");
      });



      });


      });

     &lt;table&gt;
      &lt;tr&gt;
      &lt;td id="aoneone"&gt;&lt;input type="text" id="aoneonedata"&gt;&lt;/td&gt;
      &lt;td id="aonetwo"&gt;&lt;input type="text" id="aonetwodata"&gt;&lt;/td&gt;
       &lt;/tr&gt;
       &lt;/table&gt;
</code></pre>
