title: JavaScript Chrome Bug
body: <p>I am trying to make a condition to my select input ..</p>
  
  <pre><code>$(document).on("change", "#action", function () {
      if(this.value !== "" ){ 
        location = this.value;
      }
  });
  </code></pre>
  
  <p>but if the condition is false, it will just ignore and continue running the rest of the scripts ..</p>
  
  <p>here's my remaining scripts:</p>
  
  <pre><code>$(document).on("click", "#delete_button", function () {
     $("#delete_modal").modal("show");
  });
  
  
  $(document).on("click", "#logout_button", function () {
     var url = $(this).data("url");
     $("#logout_form").attr("action", url);
     $("#logout_form").submit();
  });
  </code></pre>
  
  <p>and here's my select;</p>
  
  <pre><code>&lt;select id="action" class="form-control input-sm"&gt;
      &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;option value="/details/1"&gt;Details&lt;/option&gt;
      &lt;option value="edit/1"&gt;Edit&lt;/option&gt;
      &lt;option value="" data-url="/delete/1" id="delete_button"&gt;Delete&lt;/option&gt;              
      &lt;option value="" data-url="/logout/1" id="logout_button"&gt;Logout&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This code works in firefox and IE but doesn't work in chrome ..</p>
  
  <p>How to fix this Problem??</p>