jquery .click form submit not working in ie8 or below-
<p>im having trouble with a form submit script im using with javascript and jquery- its a form i have loaded into a facebook tab which when submit should pass a variable to another tab.</p>

<p>it works in <strong>ie9</strong>, <strong>chrome</strong>, <strong>ff</strong> and <strong>safari</strong> but client is stuck on <strong>ie 7 and 8</strong>. I dont know what the problem is- I have tried replace the button with a div and image incase <strong>.click</strong> wouldnt overwrite the submit function.</p>

<p>this should be a common problem with fix? or what am i doing thats completely wrong?</p>

<pre><code>&lt;script&gt;
 $('document').ready( function(){
    $('#my_button').click(function (e) {
  //this.form.onsubmit();

      var_app = "444444";
      url = "http://www.facebook.com/tab/?sk=bladadasd&amp;app_data=" + var_app;

      parent.window.location.replace(url);
      e.preventDefault();
      return false;
    });
 });    
&lt;/script&gt;

&lt;form id="submit" method="POST" &gt;
 &lt;ul&gt;
  &lt;li&gt;&lt;span&gt;Photo code &lt;sup class="required"&gt;*&lt;/sup&gt;&lt;/span&gt;&lt;input id="barcode" name="barcode" type="text"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;First name&lt;/span&gt;&lt;input id="firstName" name="firstName" type="text"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Last name&lt;/span&gt;&lt;input id="lastName" name="lastName" type="text"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Email address&lt;/span&gt;&lt;input id="optional_email" name="optional_email" type="text"/&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;a class="help"&gt;Need help?&lt;/a&gt;  
 &lt;input value="" type="submit" id="my_button" /&gt;  
&lt;/form&gt;
</code></pre>

<p>edit the form bounces on to the correct page in normal browsers but in <strong>ie8</strong> it just submits upon itself going nowhere and displaying the same again</p>
