title: TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement.
body: <p>I have this code</p>
  
  <pre><code>&lt;form class="width_4_quarter" name="frmSearch" method="post" action="proc.php"&gt; 
  &lt;table&gt; 
  &lt;tr&gt; 
  &lt;label&gt;&lt;input type="radio" id="radio1" name="re" value="on"/&gt;&lt;b&gt;ON&lt;/b&gt;&lt;/label&gt; 
  &lt;label&gt;&lt;input type="radio" id="radio2" name="re" value="off"/&gt; &lt;b&gt;OFF&lt;/b&gt;&lt;/label&gt;&lt;/br&gt;&lt;p&gt; 
  &lt;/tr&gt;   
  &lt;tr&gt;&lt;th&gt;&lt;input name="txtKeyword" type="text" id="txtKeyword" value=""&gt;&lt;/th&gt; 
  &lt;/tr&gt; 
  &lt;/table&gt; 
  &lt;div id="message"&gt;&lt;/div&gt; 
  &lt;/form&gt; 
  </code></pre>
  
  <p>And I do ajax call when I click one the link</p>
  
  <pre><code>$("input[name=re]").click(function() {  
  var on_off=$('input[type="radio"]:checked').val(); 
  var txtKeyword= $("input[name=txtKeyword]").val(); 
    $.ajax({ 
      url:'proc.php', 
      type : 'POST', 
      data: ({ 'on_off':on_off,'txtKeyword':txtKeyword}) 
    }); 
  });
  </code></pre>
  
  <p>But when I click on the radio button,
  I get this error "TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement" when I remove this code from ajax call</p>
  
  <p>data: ({ 'on_off':on_off,'txtKeyword':txtKeyword})</p>
  
  <p>Why this is happening and how to fix this? How can I send the data?</p>