title: Using href links inside <option> tag with jQuery in the way
body: <p>I have the following code :</p>
  
  <pre><code>&lt;div class="dropdownmenu"&gt;
      &lt;select multiple id="cd-dropdown" name="dropdown-menu" class="cd-select"&gt;
          &lt;option value="-1" selected&gt;Social&lt;/option&gt;
          &lt;option onClick="window.location = 'http://www.twitter.com'" value="1" class="icon-monkey"&gt;Twitter&lt;/option&gt;
          &lt;option onClick="window.location = 'http://www.facebook.com'" value="1" class="icon-monkey"&gt;Facebook&lt;/option&gt;
      &lt;/select&gt;        
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried adding a link inside the select box with labels, values, onclick but they all failed, I realized that the reason stands in the following jQuery code :</p>
  
  <pre><code>var elName = this.$el.attr( 'name' ), elId = this.$el.attr( 'id' ),
  inputName = elName !== undefined ? elName : elId !== undefined ? elId : 'cd-dropdown-' + ( new Date() ).getTime();
  
  this.inputEl = $( '&lt;input type="hidden" name="' + inputName + '" value="' + value + '"&gt;&lt;/input&gt;' ).insertAfter( this.selectlabel );
  
  this.selectlabel.css( 'z-index', this.minZIndex + this.optsCount );
  this._positionOpts();
  </code></pre>
  
  <p>I couldn't figure out how to change the code in order to allow me to add links.<br>
  I thought the jQuery is the problem cause once I remove the "id="cd-dropdown" from the HTML box my links are working but the effects and designs provided by the jQuery doesn't apply anymore.</p>