title: Jquery preventDefault on form is not working
body: <p>Ok so I looked around other forums and can't see why mine is still being...GAH.
  I call preventDefault() so the form doesn't submit. I've tried having the action set to nothing and then not even providing an action attribute at all on the form tag.</p>
  
  <p>I've also tried doing the submit button as a button instead of a submit and still it doesn't seem to want to work. The form is still loading the page on submit.. when I don't want it to. I'm trying to update the price of an item in a usershop with AJAX so it updates the value of the price without reloading the page in the span tag.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form id="price_form" method="POST" action="http://alkharia.localhost/user/shop/priceitem/3" accept-charset="UTF-8"&gt;&lt;input type="hidden" name="csrf_token" value="P0oW2VxJ6HTg79ksIYl6U3R5QKapeFGwkkUKiNlQ"&gt;
  &lt;div class="row clearfix"&gt;
      &lt;div class="full"&gt;
          &lt;label for="price"&gt;Price&lt;/label&gt;
          &lt;input maxlength="6" type="text" name="price" value="0" id="price"&gt;    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="full"&gt;
          &lt;input type="hidden" name="item_id" value="3"&gt;
          &lt;input type="submit" value="Submit"&gt;    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$('#price_form').submit(function(e) {
     e.preventDefault();
     var price = $('#price').val();
     if((Math.floor(price) == price) &amp;&amp; ($.isNumeric(price)) &amp;&amp; (price.length &lt;= 6)) {
         var itemID = $('#item_id').val();
  
         $.ajax({
          type: 'POST',
          url: 'http://'+urlBase+'/user/shop/priceit/'+itemID+'/'+price,
          success: function(msg) {
              $('#cur_price_'+itemID).html(msg);
          }
      });
    } else {
      alert('You can only enter an integer that is less than 999,999!');
      return false;
    }
  });
  </code></pre>