title: jQuery $.ajax() executed twice?
body: <p>Here is a button:</p>
  
  <pre><code>&lt;input type="button" value="add to cart" id="addToCart" /&gt;
  </code></pre>
  
  <p>and a bound event:</p>
  
  <pre><code>$("#addToCart").bind('click',function(){
                  $.ajax({
                      url: '/cartManager/add',
                      data:{
                          pictureId: currentImageId,
                          printSize: $("#size option:selected").val(),
                          paperType: $("#paperType option:selected").val(),
                          quantity: 1
                      },
                      success: function(){
                          $("#modal").html("&lt;h1&gt;ОК&lt;/h1&gt;&lt;p&gt;Closing in a sec&lt;/p&gt;").delay(1000);
                          $("#modal").overlay().close();
  
                      }
                  });
              return false;
              });
  </code></pre>
  
  <p>And everything works find apart one thing that kind of bothers, I see two requests in Chrome dev console for this:</p>
  
  <ol>
  <li>add /cartManager:</li>
  </ol>
  
  <blockquote>
  <pre><code>Request URL:http://127.0.0.1:8000/cartManager/add?pictureId=4&amp;printSize=2&amp;paperType=1&amp;quantity=1
  Request Method:GET
  Status Code:301 MOVED PERMANENTLY
  </code></pre>
  </blockquote>
  
  <ol>
  <li>add /cartManager/add?:</li>
  </ol>
  
  <blockquote>
  <pre><code>Request URL:http://127.0.0.1:8000/cartManager/add/?pictureId=4&amp;printSize=2&amp;paperType=1&amp;quantity=1
  Request Method:GET
  Status Code:201 CREATED
  </code></pre>
  </blockquote>
  
  <p>Request headers for both are pretty much the same, the only difference in request headers:</p>
  
  <p>first is <strong>cartManager/add?pictureId=</strong> and so on and the second one is <strong>cartManager/add/?pictureId</strong> - the '/' after /add</p>
  
  <p>Is there something wrong with my javascript?</p>