get json data from just one product in shopify
<p><strong>what im trying to do:</strong></p>

<p>when i click a product in the collections page grid, i'm trying to get the product's title, etc using ajax.</p>

<p>heres my code:</p>

<pre><code>{% for product in collection.products %}

&lt;div class="product"&gt;
 {% capture producturl %}{{ product.url }}{% endcapture %}
 &lt;a class="ajax ajax{% increment ajaxno %}"&gt;
 PRODUCT IMAGE 
 &lt;/a&gt; 
&lt;/div&gt;


&lt;script&gt;
jQuery(function ($) { 

  $("a.ajax0").click(function(){
    jQuery.getJSON('{{ producturl }}.js', function(product) {
      console.log('The title of this product is ' + product.title);
    } );
  });

});
&lt;/script&gt;

{% endfor%}
</code></pre>

<p>but when i click on the any product, im getting alerts for all the products on the current page.
how do i tweak my code to only get the title of the product for the one i'm clicking?</p>