title: jquery avoid multiple requests preventDefault
body: <p>I need a way to prevent multiple submits:</p>
  
  <pre><code>$("#myDiv").click(function(e) {
      e.preventDefault();
      console.log('open');
  
      // submit the form    
      $('#myDiv #myInput').click(function(e){
          e.preventDefault();
          /* ajax call here */
          console.log('clicked');
      });
  
  });
  </code></pre>
  
  <p>So if when I click <code>#myDiv</code> is sending X times click to the child function.</p>
  
  <p>eg. if you click 3 times <code>#myDiv</code> and then click <code>#myInput</code> will send 3 times the form, and if you press again will send 6.</p>
  
  <p>Any ideas how to fix it?</p>