title: OSX Safari skips javascript functions when data is posted to an SSL URL
body: <p>When a form's submit button is pressed, I want to disable the submit buttons and show a hidden div. My code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="processing" class="processing"&gt;this should be visible when submit is pressed.&lt;/div&gt;
  &lt;form action="https://url" method="post" id="id" name="id"&gt;
  &lt;input class="input1" type="reset" value="Reset"&gt;
  &lt;input class="input1" type="submit" value="Submit"&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$("form").one("submit", function() {
      action();
  });
  
  function action() {
      document.getElementById('processing').style.display = 'block';
      $(":submit").replaceWith('&amp;nbsp;');
      $(":reset").replaceWith('&amp;nbsp;');
      alert("end");
  }
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>div.processing {
      display: none;
  }
  </code></pre>
  
  <p>It works in Firefox and Safari for Windows. It does not work with Mac Safari with an SSL url.</p>
  
  <p>Behavior in Mac Safari submitting the form to an SSL URL: Hit submit button -> alert end shows up -> data gets submitted</p>
  
  <p>Behavior in Firefox and Safari for Windows with an SSL URL: Hit submit button -> buttons get replaced, alert pops up, and the div shows up -> data gets submitted</p>
  
  <p>Behavior in Mac Safari submitting to a non-ssl  url: Hit submit button -> buttons get replaced, alert pops up, and the div shows up -> data gets submitted</p>
  
  <p>Mac Safari version is 5.1.7.
  Anyone know how to get it to behave properly when I submit the data from a secure url to another secure url? Any tips would be greatly appreciated.</p>