title: Using JQuery to submit form
body: <p>I have the following form on a page:</p>
  
  <pre><code>&lt;form action="/" method="post"&gt;
  &lt;select id="SelectedMonth" name="SelectedMonth"&gt;
  &lt;option&gt;7/1/2017&lt;/option&gt;
  &lt;option&gt;6/1/2017&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;  
  </code></pre>
  
  <p>I am trying to use the following jquery snippet to submit the form. The jquery code resides outside of the form and the form is the only form on the page.</p>
  
  <pre><code> $("#SelectedMonth").change(function () {
           alert(this.value);
           $('form').submit(function (event) {
           alert("Submitted");
           event.preventDefault();
           });
      });
  </code></pre>
  
  <p>The first alert is triggered and shows the selected value but the submit is never triggered.</p>
  
  <p>It seems like this is pretty straight forward but it is not working. What am I missing?</p>
  
  <p>TIA </p>