title: JQuery in second document ready not working
body: <p>I have two document ready events.</p>
  
  <p><strong>First</strong>, on page (working post request inserting html form),  inserted by my WP shortcode:</p>
  
  <pre><code>&lt;script type="text/javascript" &gt;
      jQuery(document).ready(function($) {
          jQuery.post(
              ajaxUrl,
              {
                  action: 'action',
                  nonce: 'nonce'
              },
              function(response) {
                  $('#place').removeClass('preloader');
                  $('#place').html(response);
              }
          );
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Second (it worked until I added first code to page</strong>), in js file loaded in footer:</p>
  
  <pre><code>jQuery(document).ready(function($) {
      $('#myform').submit(function(e) {
          e.preventDefault();
  /* some ajax call with form data*/
      });
  });
  </code></pre>
  
  <p>Second ready event fired, but <code>$('#myform').submit</code> not working.
  Can you help me?</p>