title: converting td value in textbox to edit and display the same
body: <p>I have one column as remark, I want a user to let enter remark whatever they want and it should b displayed every time they see this table  I searched a lot and at last using this code but it is not working as well,when user click on remark ,it should b editable ,but it is not working  </p>
  
  <pre><code>$(document).ready(function() {
  $('#mylist_remark').on('click', '.Edit', function() {
          $(this).closest('tr').find('td:eq(1)').each(function() {
              // replace the existing text with a textbox containing that text
              var existingVal = $(this).text();
              $(this).html('&lt;input type="text" value="' + existingVal + '" &gt;');
          });
      });
  
      // when the user is finished editing, change the value and remove the textbox,and display edited text
      $('#mylist_remark').on('focusout', 'td input', function() {
          $(this).parent().html( this.value );
      });
  });
  </code></pre>
  
  <p>The script </p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>TABLE CODE</p>
  
  <pre><code>    &lt;table id="mylist_remark"&gt;
      &lt;caption&gt;SELECTED CANDIDATE LIST&lt;/caption&gt;
      &lt;!-- headings --&gt;
          &lt;tr&gt;
            &lt;th&gt; &lt;/th&gt;
            &lt;th&gt;REMARK&lt;/th&gt;
          &lt;/tr&gt;
     &lt;?php $i=0;
      while($data_set = mysql_fetch_array($mresult_set))
          {     
              echo "&lt;tr id=\"{$listrowid}\"&gt;";                                
              echo "&lt;td&gt;&lt;a href\"\" class=\"Edit\"&gt;remark&lt;/a&gt;&lt;/td&gt;";
              echo "&lt;/tr&gt;";
              $i++;                       
              }?&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>THANKS</p>