title: Firefox handles xxx.submit(), Safari doesn't ... what can be done?
body: <p>I'm trying to make a pull down menu post a form when the user selects (releases the mouse) on one of the options from the menu.  This code works fine in FF but Safari, for some reason, doesn't submit the form.  I re-wrote the code using jquery to see if jquery's .submit() implementation handled the browser quirks better.  Same result, works in FF doesn't work in safari. </p>
  
  <p>The following snippets are from the same page, which has some django template language mixed in.</p>
  
  <p>Here's the vanilla js attempt:</p>
  
  <pre><code>function formSubmit(lang) {
      if (lang != '{{ LANGUAGE_CODE }}') {
          document.getElementById("setlang_form").submit();
      }
  }
  </code></pre>
  
  <p>Here's the jquery attempt:</p>
  
  <pre><code>$(document).ready(function() {
      $('#lang_submit').hide()
      $('#setlang_form option').mouseup(function () { 
          if ($(this).attr('value') != '{{ LANGUAGE_CODE }}') { 
              $('#setlang_form').submit()
          } 
      });
  });
  </code></pre>
  
  <p>and here's the form:</p>
  
  <pre><code>&lt;form id="setlang_form" method="post" action="{% url django.views.i18n.set_language %}"&gt;
      &lt;fieldset&gt;
      &lt;select name="language"&gt;
      {% for lang in interface_languages %}
          &lt;option value="{{ lang.code }}" onmouseup="formSubmit('{{ lang.name }}')" {% ifequal lang.code LANGUAGE_CODE %}selected="selected"{% endifequal %}&gt;{{ lang.name }}&lt;/option&gt;
      {% endfor %}
      &lt;/select&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My question is, how can I get this working in Safari?</p>