title: Display value from html table with jquery
body: <p>I have this structure of  table and I want to display the value of the input type text, I tried this attempt but it didn't work.</p>
  
  <pre><code>&lt;table border="1"&gt;
    &lt;tr&gt;
      &lt;th&gt;Name&lt;/th&gt;
      &lt;th&gt;Adress&lt;/th&gt;
      &lt;th&gt;display&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt; &lt;input type="text" class="name"&gt; &lt;/td&gt;
      &lt;td&gt; &lt;input type="text" class="adress"&gt; &lt;/td&gt;
      &lt;td&gt; &lt;input type="button" value="display" class="show"&gt; &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt; &lt;input type="text" class="name"&gt; &lt;/td&gt;
      &lt;td&gt; &lt;input type="text" class="Adress"&gt; &lt;/td&gt;
      &lt;td&gt; &lt;input type="button" value="display" class="show"&gt; &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>file.js</p>
  
  <pre><code>$(document).ready(function (){
      $(".show").click(function(data){
          alert($(this).parent().prev().prev().text());
          alert($(this).parent().prev().text());
      });
  });
  </code></pre>