title: Text field make editable, not editable using jquery
body: <p>I am using display tag for creating tables and using jquery to make a textfield editable and remove readonly property.     </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function(){
      $(".makeEditable").click(function(){
          $('input:text').removeAttr("readonly");    
      });
      $(".makeNonEditable").click(function(){
          $('input:text').attr("readonly", "readonly");    
      });               
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the code for table and column with textfield</p>
  
  <pre><code>&lt;display:table name="loadData" style="float:left;"&gt;
      &lt;display:column title="User Defined" class="colId"&gt;
      &lt;input type="text" value= "" name="userdefined" size="10" readonly="readonly"/&gt;
      &lt;/display:column&gt;
  &lt;/display:table&gt;
  </code></pre>
  
  <p>I have created a button to make it editable...</p>
  
  <pre><code>&lt;input type="button" value="Make Editable" class="makeEditable" /&gt;
  </code></pre>
  
  <p>I dont know why but its not working...no action happen</p>