JQuery перетаскиваемая проблема с использованием ввода в заголовке таблицы

Question

Мне нужно отсортировать столбцы таблицы с помощью перетаскивания. Для этого я использую плагин dragtable: http://akottr.github.io/dragtable/

Мой код:

<table class="defaultTable sar-table">
    <thead>
      <tr>
        <th>Name<input type="text" class="filterName"></th>
        <th>Phone</th>
        <th>Address</th>
      </tr>
    </thead>
    <tbody>
     <tr><td>Name1</td><td>Phone1</td><td>Address1</td></tr>
     <tr><td>Name2</td><td>Phone2</td><td>Address2</td></tr>
    </tbody>
  </table>

  <script type="text/javascript">
  $(document).ready(function() {
    $('.defaultTable').dragtable();
  });
 </script>

Этот код работает, но я не могу щелкнуть и ввести любой текст для ввода .filterName. Как я могу это исправить? Может быть есть какие-то настройки для этого? Спасибо