title: ddSlick included but doesn't work
body: <p>Hi I'm trying to make a dropdown with images. And that's why I want to use ddSlick (a jQuery plugin), which can realize that for me. Unfortunately it doesn't work. But I have followed the instructions of the plugin. I have tried the following:</p>
  
  <p>template_head.blade.php (which includes the jquery.ddslick.min.js file)</p>
  
  <pre><code> &lt;meta charset="utf-8"&gt;
        &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
        &lt;title&gt;Offerte tool&lt;/title&gt;
        &lt;!-- Bootstrap --&gt;
        {{HTML::style('css/bootstrap.min.css')}}
        &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
        &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
        {{ HTML::script('js/bootstrap.min.js') }}
        &lt;!-- To use less I have to include my own css first and then the less library. Because I have read the following in less.org:Make sure you include your stylesheets before the script.) --&gt;
        &lt;link rel="stylesheet/less" type="text/css" href="{{ asset('css/core.less') }}" /&gt;
  
        &lt;script src="{{ asset('js/less-1.7.5.min.js') }}" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="{{ asset('js/bootstrap-rating-input.min.js') }}" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="{{ asset('js/jquery.ddslick.min.js') }}" type="text/javascript"&gt;&lt;/script&gt;
         {{HTML::script('js/application.js')}}
  </code></pre>
  
  <p>user.blade.php (which has a dropdown list)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
     &lt;head&gt;
      @include('user._layouts.template_head')
     &lt;/head&gt;
      &lt;script&gt;
        $('#myDropdown').ddslick({
      onSelected: function(selectedData){
          //callback function: do something with selectedData;
           $('#demo-htmlselect').ddslick();
        }   
      });
      &lt;/script&gt;
  
     &lt;body&gt;
        &lt;select id="demo-htmlselect"&gt;
          &lt;option value="0" data-imagesrc="{{ asset('images/orange.png') }}"
              data-description="Description with Facebook"&gt;Facebook&lt;/option&gt;
          &lt;option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
              data-description="Description with Twitter"&gt;Twitter&lt;/option&gt;
          &lt;option value="2"  data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
              data-description="Description with LinkedIn"&gt;LinkedIn&lt;/option&gt;
          &lt;option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
              data-description="Description with Foursquare"&gt;Foursquare&lt;/option&gt;
      &lt;/select&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In user.blade.php you can see the following:</p>
  
  <pre><code>  &lt;option value="0" data-imagesrc="{{ asset('images/orange.png') }}"
  </code></pre>
  
  <p>So can you see I have a image that should show in the dropdownlist. But it doesn't as you can see here:</p>
  
  <p>link: <a href="http://i.imgur.com/9k3PZBZ.png" rel="nofollow">http://i.imgur.com/9k3PZBZ.png</a></p>
  
  <p>The image orange.png looks like this:</p>
  
  <p>link: <a href="http://i.imgur.com/kbxyS4H.png" rel="nofollow">http://i.imgur.com/kbxyS4H.png</a></p>
  
  <p>I have also tested if my webapplication makes a connection with the jquery.ddslick.min.js file. And it does make a connection. Here you can see a screenshot of it:</p>
  
  <p>link: <a href="http://i.imgur.com/Bpu4dKK.png" rel="nofollow">http://i.imgur.com/Bpu4dKK.png</a></p>
  
  <p>Could someone help me, please? I'm waiting for your response. Anyway thanks for your answer.</p>