title: Submitting a form by clicking a radio button, then running ajax
body: <p>I have a checkout form, that worked in everything but IE8.
  I am altering it to save input results as session data using ajax.
  When i was using the first 'click' function, all was well, but I cant get the 'submit' function to fire (no alert). The following show/hide is working.
  I need another set of eyes on this please.</p>
  
  <p>The form</p>
  
  <pre><code>&lt;form name="payment_method_form" id="payment_method_form" method="post"&gt;
    &lt;div class="pay_method"&gt;
      &lt;input type="radio" name="pay_method" value="cc"&gt; Credit Card
    &lt;/div&gt;
    &lt;div class="pay_method"&gt;
      &lt;input type="radio" name="pay_method" value="pp"&gt; Paypal
    &lt;/div&gt;
    &lt;div class="pay_method"&gt;
      &lt;input type="radio" name="pay_method" value="dd"&gt; Direct Deposit
    &lt;/div&gt;
    &lt;div class="pay_method"&gt;
      &lt;input type="radio" name="pay_method" value="cash"&gt; Cash on Delivery
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The Script (is enclosed in $(document).ready())</p>
  
  <pre><code>$('input[name$="pay_method"]').click(function() {
          $('#payment_method_form').submit(function(e) {
              alert("clicked")
              &lt;!-- ajax here --&gt;
          });
      var pay_method = $(this).val();
      $('.pay_option').hide();
      $("#"+pay_method).show();
  
  });
  </code></pre>