title: jQuery to take url with variables from a link and send it via Ajax
body: <p>I can add a product to cart via GET with this link:</p>
  
  <pre><code>&lt;div id="add"&gt;&lt;a id="add-link" href="http://localhost/catalog/cart?product_id=8&amp;boutique_id[]=36&amp;func=Module::Cart-&gt;add"&gt;Add to Cart&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to use jQuery Ajax to stay on the same page (if JS is enabled). 
  I have crapped out the following, but of course it does not work. Could someone please look what is wrong? Thanks.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  
  $('a#add-link').bind("click", function(event) {
  event.preventDefault();
  var url = $(this).attr("href");
      alert("Now I want to call this page: " + url);
  $.ajax({
    type: "GET",
    url: "url="+url, 
    success: function() {
      alert("Product added to cart");
    }
  });
  });
  
  });
  &lt;/script&gt;
  </code></pre>