title: JQuery. val() function not returning the input field value
body: <p>The html code snipped is</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;Wi-Fi Access Cards&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="adj_accname_n" id="adj_accname_Id1" value="Electronic Recharge for Nawras Ajel"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="adj_acccode_n" id="adj_acccode_Id1" value="420650"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="adj_prodname_n" id="adj_prodname_Id1" value="Electronic Recharge for Nawras Ajel"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="adj_prodcode_n" id="adj_prodcode_Id1" value="240010"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="adj_channelcode_n" id="adj_channelcode_Id1" value="710300"&gt;&lt;/td&gt;
      &lt;!--&lt;td&gt;&lt;input type="submit" name="adj_button_n" id="adj_button_Id1" value="Modify"&gt;&lt;/td&gt;--&gt;
      &lt;td&gt;&lt;button&gt;Modify&lt;/button&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The above code snippet has one modify button for each row.  Likewise there are many rows each with the modify button.</p>
  
  <p>When the user click on the modify button, all the values in the input field of that row should be retrieved.</p>
  
  <p>The below code retrieves the html properly</p>
  
  <pre><code>$("button").click(function(){
      alert($(this).parent().siblings().eq(1).html());
  });
  </code></pre>
  
  <p>But when I replace the html() with val() it returns blank where I as expecting the value from the input field</p>