title: ddslick select options won'st post value of selected option - jquery plugin
body: <p>I am using ddslick to make drop down menu's with icons, the only trouble is when I post the form the value of the selected option is always empty, it works fine if I turn ddslick off.</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript"&gt;
  $('.cflagdd').ddslick({
   onSelected: function(selectedData){
      //callback function: do something with selectedData;
     // $('#editcflag').submit(); - this does not work, posts form on page load
  }   
  });
  &lt;/script&gt;
  
  &lt;select class="cflagdd" name="cflag"&gt;
  &lt;option value="0" selected="selected"&gt;No action flag set&lt;/option&gt;
  &lt;option value="1" data-imagesrc="'.base_url().'images/Actions-flag-green-icon.png"&gt;Resolved&lt;/option&gt;
  &lt;option value="2" data-imagesrc="'.base_url().'images/Actions-flag-yellow-icon.png"&gt;Investigate&lt;/option&gt;
  &lt;option value="3" data-imagesrc="'.base_url().'images/Actions-flag-red-icon.png"&gt;Urgent&lt;/option&gt;
  &lt;option value="4" data-imagesrc="'.base_url().'images/Actions-flag-blue-icon.png"&gt;False positive&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Versions:
  Jquery-1.7.2.js
  jQuery UI - v1.8.20</p>
  
  <p>Thanks for any help, much apreceated</p>