reading table values using jquery

reading table values using jquery

As it is evident from below question, I am new to jquery.

I have a table that is defined as : 

it has only 2 columns (but can have multiple rows) and I am trying to read the values using jquery. 



I can read the first column(drop-down list) fine. But the second column ( <input type="text" ) does not work.

Any idea why? 

$('#studentTable > tbody > tr' ).each(function () {
var $tds = $(this).find('td');
var $studName = $tds.eq(0).find('option:selected').val(); //works
var $food = $tds.eq(1).val(); //doesn't work
console.log($studName ); //works 
console.log($food); //doesn't work
});