title: How did i validate required jqBootstrapValidation on IE9, iOS
body: <p>For this example I have only one input field with <em>required</em> atribute and i get alert OK even if value empty on iOS Safari (iPhone/iPad) and on IE9. Firefox and Chrome work fine.</p>
  
  <p>Did I miss something?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;&lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;title&gt;jqBootstrapValidation by ReactiveRaven&lt;/title&gt;
  
          &lt;link rel="stylesheet" href="http://reactiveraven.github.com/jqBootstrapValidation/css/bootstrap.css"&gt;
          &lt;script src="http://reactiveraven.github.com/jqBootstrapValidation/js/jQuery-1.7.2-min.js"&gt;&lt;/script&gt;
          &lt;script src="http://reactiveraven.github.com/jqBootstrapValidation/js/bootstrap.js"&gt;&lt;/script&gt;
          &lt;script src="http://reactiveraven.github.com/jqBootstrapValidation/js/jqBootstrapValidation.js"&gt;&lt;/script&gt;
  
          &lt;script&gt;
              $(function() {
                  $("input,textarea,select").jqBootstrapValidation(
                      {
                          preventSubmit: true,
                          submitError: function($form, event, errors) {
                              // Here I do nothing, but you could do something like display 
                              // the error messages to the user, log, etc.
                          },
                          submitSuccess: function($form, event) {
                              alert("OK");
                              event.preventDefault();
                          },
                          filter: function() {
                              return $(this).is(":visible");
                          }
                      }
                  );
              });
          &lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div class="tabbable"&gt;
          &lt;ul class="nav nav-tabs"&gt;
              &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#validators_required_preview"&gt;Example&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div class="tab-content"&gt;
              &lt;div id="validators_required_preview" class="tab-pane active"&gt;
                  &lt;form class="form-horizontal"&gt;
                     &lt;input name="some_field" required="" value="" type="text"&gt;
                     &lt;button type="submit" class="btn btn-primary"&gt;Test Validation &lt;i class="icon-ok icon-white"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>