Insert row after current row

HTML

<table id="myTable" class="order-list">
    <thead>
        <tr>
            <td></td>
            <td></td>
            <td>Name</td>
            <td>Price</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="text-align: left;">
                <input type="button" class="tdAdd" value="Add Row" />
            </td>
            <td>
                <input type="button" value="Delete" class="ibtnDel" />
            </td>
            <td>
                <input type="text" value="Apple" readonly="readonly" />
            </td>
            <td>
                 <select class="t"><option>One</option><option>Five</option></select>
            </td>
        </tr>
        <tr>
            <td style="text-align: left;">
                <input type="button" class="tdAdd" value="Add Row" />
            </td>
            <td>
                <input type="button" value="Delete" class="ibtnDel" />
            </td>
            <td>
                <input type="text" value="Orange" readonly="readonly" />
            </td>
            <td>
                <select class="t"><option>One</option><option selected="selected">Five</option></select>
            </td>
        </tr>
           <tr>
            <td style="text-align: left;">
                <input type="button" class="tdAdd" value="Add Row" />
            </td>
            <td>
                <input type="button" value="Delete" class="ibtnDel" />
            </td>
            <td>
                <input type="text" value="Cherry" readonly="readonly" />
            </td>
            <td>
                 <select class="t"><option>One</option><option>Five</option></select>
            </td>
        </tr>
    </tbody>
</table>

JavaScript

$(document).on("click", '.tdAdd', function () {
      //alert($(this).closest('tr').index());
      var newRow = $("<tr>");
      var cols = "";
      cols += '<td><input type="button" value="Add Row" class="tdAdd"/></td>';
      cols += '<td><input type="button" value="Delete" class="tdAdd"/></td>';
      cols += '<td><input type="text" /></td>';
      cols += '<td><select class = "t">' + foo($(this).closest('tr').index() + 1) + '</select></td>';
      newRow.append(cols);
      newRow.insertAfter($(this).closest("tr"));
  });


  function foo(index) {
      var $select = $('.t:first').clone().val('');
      return $select.html();
  }