jQuery: trying to use serializeArray()
<p>I have the code below. I expected it shows the in JSON format the values and the name of the fields, but just show this: </p>

<blockquote>
  <p>[object Object],[object
  Object],[object Object],[object
  Object],[object Object]</p>
</blockquote>



<pre><code>&lt;script type="text/javascript"&gt;

$(document).ready(function() {


                $('#forma').submit(function() {

                    alert($(this).serializeArray());
                    return false;
                 });

});    

&lt;/script&gt;


&lt;form id="forma"&gt;
  &lt;div&gt;&lt;input type="text" name="a" value="1" id="a" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;input type="text" name="b" value="2" id="b" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;input type="hidden" name="c" value="3" id="c" /&gt;&lt;/div&gt;
  &lt;div&gt;
    &lt;textarea name="d" rows="8" cols="40"&gt;4&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div&gt;&lt;select name="e"&gt;
    &lt;option value="5" selected="selected"&gt;5&lt;/option&gt;
    &lt;option value="6"&gt;6&lt;/option&gt;
    &lt;option value="7"&gt;7&lt;/option&gt;
  &lt;/select&gt;&lt;/div&gt;
  &lt;div&gt;
    &lt;input type="checkbox" name="f" value="8" id="f" /&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;input type="submit" name="g" value="Submit" id="g" /&gt;
  &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>Regards</p>

<p>Javi</p>
