jQuery bind images with dropdown in asp.net
<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>
