claviska/jquery-selectBox how to display default value?
<p>I a using claviska jquery select box
<a href="https://github.com/claviska/jquery-selectBox" rel="nofollow">https://github.com/claviska/jquery-selectBox</a></p>

<p>following is the code</p>

<pre><code>&lt;div class="section"&gt;
    &lt;label&gt;Location&lt;/label&gt;
    &lt;div&gt;
        &lt;select class="small selectBox" id="GeoLocation"style="display: none; padding: 6px;"&gt;
            &lt;option value="1"&gt;London&lt;/option&gt;
            &lt;option value="2"&gt;Madrid&lt;/option&gt;
            &lt;option value="3"&gt;Paris&lt;/option&gt;
            &lt;option value="4"&gt;New York&lt;/option&gt;
        &lt;/select&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I have no problem when the list is static, it is displayed the list box appropriately.
My question is, how can i set the default value in the select box using information i'm getting from server side.</p>

<p>By default i am getting 'London' as a default value.</p>

<p>support i have in JS 
<code>var id=2</code> (which is Madrid), how can i set the selectBox to display 'Madrid' as the default value?</p>

<p>how do i build the list in JQuery?</p>

<p>Following the HTML that is being generated be default (London is selected)</p>

<pre><code>&lt;div&gt;
    &lt;select class="small selectBox" id="GeoLocation" style="display: none; padding: 6px;"&gt;
        &lt;option value="1"&gt;London&lt;/option&gt;
        &lt;option value="2"&gt;Madrid&lt;/option&gt;
        &lt;option value="3"&gt;Paris&lt;/option&gt;
        &lt;option value="4"&gt;New York&lt;/option&gt;
    &lt;/select&gt;
    &lt;a class="selectBox small selectBox-dropdown" style="width: 62px; display: inline-block;" title="" tabindex="0"&gt;
        &lt;span class="selectBox-label" style="width: 35px;"&gt;London&lt;/span&gt;
        &lt;span class="selectBox-arrow"&gt;&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>
