Getting value of OptionID when clicking?
<p>How do I get the value of <code>OptionID</code> when clicking on the Add (<code>.plus-link</code>) link?</p>

<p>Each li may contain select (dropdown) or without it.</p>

<pre><code>    &lt;ul&gt;

  &lt;li&gt;
    &lt;div class="menux"&gt;
        &lt;div class="text-block"&gt;
            &lt;div class="text-holder"&gt;
                &lt;h3&gt;  Item Name &lt;/h3&gt;
                &lt;p&gt; Description &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div optionid="46812" class="price"&gt; &lt;strong&gt;£4.90&lt;/strong&gt; &lt;/div&gt;
        &lt;div class="add-item"&gt;  &lt;a class="plus-link" href="#"&gt;plus&lt;/a&gt;  &lt;/div&gt;
    &lt;/div&gt;
&lt;/li&gt;

&lt;li&gt;
    &lt;div class="menux"&gt;
        &lt;div class="text-block"&gt;
            &lt;div class="text-holder"&gt;
                &lt;h3&gt; Item Name 2 &lt;/h3&gt;                                                                                                      &lt;/h3&gt;
                &lt;p&gt; Description  &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;form class="menu-form" action="#"&gt;
        &lt;fieldset&gt;
            &lt;a class="plus-link" href="#"&gt;plus&lt;/a&gt;
            &lt;select id="optionid" class="select"&gt;
                &lt;option value="1"&gt;9", £3.99&lt;/option&gt;
                &lt;option value="2"&gt;12", £5.49&lt;/option&gt;
            &lt;/select&gt;
        &lt;/fieldset&gt;
    &lt;/form&gt;
&lt;/li&gt;

&lt;/ul&gt;
</code></pre>

<p>Jquery</p>

<pre><code>$(document).ready(function() {
    $("li .plus-link").click(function(event) {
        event.preventDefault();
        alert( $(this).attr("OptionID") );
    });
});
</code></pre>
