title: JQuery show() after hide()
body: <p>HTML:</p>
  
  <pre><code>&lt;table id="table1"&gt;
      &lt;tr&gt;
          &lt;th&gt;1&lt;/th&gt;
          &lt;th&gt;2&lt;/th&gt;
          &lt;th&gt;3&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="table1column1"&gt;&lt;input type="text" id="idInput1" /&gt;&lt;/td&gt;
          &lt;td class="table1column2"&gt;&lt;input type="text" id="idInput2" /&gt;&lt;/td&gt;
          &lt;td class="table1column3"&gt;&lt;input type="text" id="idInput3" /&gt;&lt;/td&gt;
          &lt;/tr&gt;
  &lt;/table&gt;
  &lt;button&gt;Hide-Text-Show&lt;/button&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$(document).ready(function() {
      $('button').click(function() {
          $('#idInput1').hide();
          $('.table1column1').text('Test');
          $('#idInput1').show();
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/QNxyG/" rel="nofollow">http://jsfiddle.net/QNxyG/</a></p>
  
  <p>I don't understand why when I add a text in td element, the show() method doesn't work?</p>
  
  <p>Thanks</p>