How do I travese inside td element to get the value of input inside td?

I have iterated through table and able to get td elements and assigned to a variable 'col'

But how do i traverse inside to get the value of input element inside my td 

 <td class='dropdown generic-td'>
    <input data-qid='327'  value="" class='myclass'  type=text readonly />
 </td>

var table = document.getElementById("pdfCarryOver");

   var k = 40;

   for (var i = 0, row; row = table.rows[i]; i++) {
       console.log(row);
       for (var j = 0, col; col = row.cells[j]; j++) {
           // console.log(col);
           if (j == 0) {
               var value = $(col).text();
               console.log("Inner Text only: " + value);

               if (value.length > 0) {
                   pdf.text(40, k, value);
               }
           }
           if (j === 1) {

               console.log(col);
               var value = $(col + " input").value();

               console.log("Inner Value only: " + value);

               if (value.length > 0) {
                   pdf.text(40, k, value);
               }

               break;
           }
       }

       k += 20;
       console.log("---------------------");

var value = $(col + " input").value();