title: jQuery bind images with dropdown in asp.net
body: <p>I want to show image in the dropdown using asp.net c#, I got the following example working but it works on page which dont have a a master page.</p>
  
  <p><a href="http://www.aspdotnet-suresh.com/2011/12/jquery-bind-images-to-dropdownlist-in.html" rel="nofollow">http://www.aspdotnet-suresh.com/2011/12/jquery-bind-images-to-dropdownlist-in.html</a></p>
  
  <p>I need the same drop down with images on a master page. right now it binds to the database and get the value but for some reason doesnt work on page which use masterpage</p>
  
  <p>Partial code of master page</p>
  
  <pre><code>&lt;%@ Page Title="Website Administration : Add New Page" Language="C#" MasterPageFile="SiteAdmin.master" AutoEventWireup="true" CodeFile="AddNewPage.aspx.cs" Inherits="_Default" %&gt;
  &lt;%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %&gt;
  
  &lt;asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"&gt;
      &lt;link href="../dropdown/dd.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="../dropdown/js/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../dropdown/js/jquery.dd.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript"&gt;
      $(document).ready(function (e) {
          try {
              $("#ddBanner").msDropDown();
          } catch (e) {
              alert(e.message);
          }
      });
  &lt;/script&gt;
  
  
  &lt;table&gt;&lt;tr&gt;&lt;td&gt;
  
      &lt;asp:DropDownList ID="ddBanner" runat="server" Width="424px"&gt;
  &lt;/asp:DropDownList&gt;
  
  &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;            
  </code></pre>
  
  <p>I cross check path and everything but does not work.. for some reason</p>