Counting no. of dropdownlists inside a div
<pre><code>&lt;div id="myDiv"&gt;    
    &lt;select id="ddl1" name="31"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Two&lt;/option&gt;
        &lt;option value="3" selected="selected"&gt;Three&lt;/option&gt;
    &lt;/select&gt;

    &lt;select id="ddl2" name=32&gt;
        &lt;option value="1"&gt;A&lt;/option&gt;
        &lt;option value="2" selected="selected"&gt;B&lt;/option&gt;
        &lt;option value="3"&gt;C&lt;/option&gt;
    &lt;/select&gt;    
&lt;/div&gt;
</code></pre>

<p>Thats my div. The number of dropdowns inside this div vary. What I want is this in a string:-</p>

<pre><code>31,3||32,2
</code></pre>

<p>The above is name attribute value of dropdowns, 2nd number after comma is the "value" of the selected option and values of both dropdownlists are separated by pipe symbol. The dropdowns can be 3 and 4 in number too. How can I acheive this in jquery?</p>
