Formatting jQuery key/value separator
<p>I have the following code, which successfully outputs data to to the product_slides array.</p>

<pre><code>var product_slides = new Array();

Product.findAll({}, function(products) {
    $.each(products, function(i, product) {
        var product_slide = new Object();
        product_slide.title = product.name;
        product_slide.url = product.url;
        product_slides[i] = product_slide;
    });
});
</code></pre>

<p>When I view the contents with <code>console.log(product_slides);</code> in firebug's console it has the following format:</p>

<pre><code>[
    {image = 'value', url = 'value'},
    ...
]
</code></pre>

<p>however, I need it to have the following:</p>

<pre><code>[
    {image : 'value', url : 'value'},
    ...
]
</code></pre>

<p>which I believe may be JSON(?).</p>

<p>I'm still quite new to scripting, does anyone know how to swap those =s for :s ?</p>
