title: Change event from textbox html control is canceling the Click event from the html button (live events)
body: <p>Can anyone help?</p>
  <p>I have a change event on a textbox and a click event on a button - all html.</p>
  <p>Now if I click the button, the click event happens - great!</p>
  <p>But I if change something in the textbox and then click the button, the event from the Change event happens which is great but I never get the click event in the button.</p>
  <p>This is my jQuery, is there a way around this? I am lost.</p>
  <pre><code>    $('#myTextbox').live('change', function() {
          $.ajax({
              type: &quot;POST&quot;,
              url: &quot;test.aspx/GetDate&quot;,
              data: &quot;{}&quot;,
              contentType: &quot;application/json; charset=utf-8&quot;,
              dataType: &quot;json&quot;,
              success: function(msg) {
                  alert('the date is ' + msg.d);
              }
          });
  
  
      });
  
      $('#myButton').live('click', function() {
          alert('i am in click');
  
      });
  </code></pre>
  <p><strong>EDIT</strong></p>
  <p>I have created a really simple html form and sure enough the click event doesn't fire if the change fires first - actually in this example I have used blur event; but its the same:</p>
  <pre><code> &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  
     &lt;script src=&quot;Scripts/jquery-1.4.2.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
     &lt;script type=&quot;text/javascript&quot;&gt;
      $(function() {
          $('#htmlbutton').bind('click', function() {
  
              alert('i am in click');
  
          });
  
  
  
          $('#htmltextbox').bind('blur', function() {
  
              alert('in blur');
  
          });
      });
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id=&quot;form1&quot;&gt;
      &lt;div&gt;
          &lt;input id=&quot;htmlbutton&quot; type=&quot;button&quot; value=&quot;button&quot; /&gt;&lt;input id=&quot;htmltextbox&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>