title: TypeError: stepUp called on an object that does not implement interface HTMLInputElement
body: <p>I have this code </p>
  
  <pre><code>&lt;a data-remote="true" data-box_no="1" class="find_or_add_horse" href="#"&gt;Find/Add Horse&lt;/a&gt;
  </code></pre>
  
  <p>And I do ajax call when I click one the link</p>
  
  <pre><code>$(document).on('click', '.find_or_add_horse', function () {
          var search_term = $(this).parents('.sub-middle-column').find('.search_horse');
          var box_no = $(this).data('box_no');
  
  
          $.ajax({
              url: "/startup_wizard/find_horse",
              dataType: 'script',
              type: 'GET',
              data: { box_no: box_no, search_term: search_term}
          });
          return false;
  
  
      });
  </code></pre>
  
  <p>But when I click on the link I get this error "<code>TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement</code>" when I remove this code from ajax call</p>
  
  <pre><code>data: { box_no: box_no, search_term: search_term}
  </code></pre>
  
  <p>my code just work fine. Why this is happening and how to fix this? How can I send the data?</p>