fetch selected values using jQuery
<p><br/>
i am using this <a href="http://www.meadmiracle.com/dlb/DLBDocumentation.aspx" rel="nofollow">Dual Listbox Plugin</a>, i am trying to fetch the values using onClick event of jQuery that has been selected from box1 to box2, </p>

<p>this is the code i am using</p>

<pre><code>&lt;form action="" method="post" class="form" id="purchaseEditUpdateItemForm"&gt;
&lt;div class="widget"&gt;
    &lt;div class="title"&gt;
        &lt;img src="/images/icons/dark/full2.png" alt="" class="titleIcon" /&gt;
        &lt;a href="#" class="button blueB" id="purchaseEditUpdateItemBtn" style="margin: 4px;"&gt;
            &lt;span&gt;Update&lt;/span&gt;
        &lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="body"&gt;
        &lt;div class="leftPart"&gt;
            &lt;div class="filter"&gt;
                &lt;span&gt;Filter:&lt;/span&gt;
                &lt;input type="text" id="box1Filter" class="boxFilter" /&gt;
                &lt;input type="button" id="box1Clear" class="fBtn" value="x" /&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;select id="box1View" multiple="multiple" class="multiple" style="height:200px;"&gt;
                &lt;option value="5"&gt;ITEM005&lt;/option&gt;
                &lt;option value="6"&gt;ITEM006&lt;/option&gt;
                &lt;option value="7"&gt;ITEM007&lt;/option&gt;
                &lt;option value="8"&gt;ITEM008&lt;/option&gt;
            &lt;/select&gt;
            &lt;br/&gt;
            &lt;span id="box1Counter" class="countLabel"&gt;&lt;/span&gt;
            &lt;div class="dn"&gt;
                &lt;select id="box1Storage" name="box1Storage"&gt;&lt;/select&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="dualControl"&gt;
            &lt;button id="to2" type="button" class="basic mr5 mb15"&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;/button&gt;
            &lt;button id="allTo2" type="button" class="basic"&gt;&amp;nbsp;&amp;gt;&amp;gt;&amp;nbsp;&lt;/button&gt;
            &lt;br /&gt;
            &lt;button id="to1" type="button" class="basic mr5"&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;/button&gt;
            &lt;button id="allTo1" type="button" class="basic"&gt;&amp;nbsp;&amp;lt;&amp;lt;&amp;nbsp;&lt;/button&gt;
        &lt;/div&gt;
        &lt;div class="rightPart"&gt;
            &lt;div class="filter"&gt;
                &lt;span&gt;Filter:&lt;/span&gt;
                &lt;input type="text" id="box2Filter" class="boxFilter" /&gt;
                &lt;input type="button" id="box2Clear" class="fBtn" value="x" /&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;select id="box2View" multiple="multiple" class="multiple" style="height:200px;"&gt;
                &lt;option value="1"&gt;ITEM001&lt;/option&gt;
                &lt;option value="2"&gt;ITEM002&lt;/option&gt;
                &lt;option value="3"&gt;ITEM003&lt;/option&gt;
                &lt;option value="4"&gt;ITEM004&lt;/option&gt;
            &lt;/select&gt;
            &lt;br/&gt;
            &lt;span id="box2Counter" class="countLabel"&gt;&lt;/span&gt;
            &lt;div class="dn"&gt;
                &lt;select id="box2Storage"&gt;&lt;/select&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>i am trying something like? (i know the below code is not practical)</p>

<pre><code>$('#purchaseEditUpdateItemBtn').live('click', function(){
    var formData = $('#purchaseEditUpdateItemForm').serialize();
});
</code></pre>
