jQuery - Getting the value of a select, by name, from a form object
<p>I have a form:</p>

<pre class="lang-html prettyprint-override"><code>&lt;form id="myForm"&gt;
    &lt;select name="mySelect"&gt;                
        &lt;option value="250"&gt;250&lt;/option&gt;                    
        &lt;option value="500"&gt;500&lt;/option&gt;
    &lt;/select&gt;
    &lt;input id="submit-123" type="submit" /&gt;
&lt;/form&gt;
</code></pre>

<p>And I need to get the value of the submit in a clever kind of way. There are multiple forms on the page, so I need to get the one related to the submit button that has been clicked.</p>

<pre class="lang-jquery prettyprint-override"><code>var form = $('#submit-123').closest('form');
</code></pre>

<p>But I can't work out how to get the value of the select, without referencing the index (it needs to be more robust than that).</p>

<p>The closest I've gotten is using: <code>form.children()</code> but I still can't work out how to accurately target the select.</p>

<p>I'm a JS newbie and any help would be greatly appreciated.</p>

<hr>
