title: sexy-combobox plugin not working inside of jquery dialog
body: <p>I'm attempting to use this plugin, which turns a select list into a combo box where the user can type their selection in, in addition to the select list functionality.</p>
  
  <p><a href="http://vladimir-k.blogspot.com/2009/02/sexy-combo-jquery-plugin.html" rel="nofollow noreferrer">http://vladimir-k.blogspot.com/2009/02/sexy-combo-jquery-plugin.html</a></p>
  
  <p>The issue I'm having, is when the select list is inside of a jquery dialog, it no longer has the drop down functionality. The autocomplete functionality still works if you hit tab or enter with the first few letters of a known value typed in, but the box full of options doesn't appear. Has anybody else encountered this? Is there a known solution/workaround?</p>
  
  <p><strong>from site.master</strong></p>
  
  <pre><code>&lt;link href="&lt;%= Url.Content("~/Content/sexy-combo.css") %&gt;" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="&lt;%= Url.Content("~/Content/sexy/sexy.css") %&gt;" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="&lt;%= Url.Content("~/Content/custom/custom.css") %&gt;" rel="stylesheet" type="text/css" /&gt;
  
  &lt;script src="&lt;%= Url.Content("~/Scripts/jquery.sexy-combo.min.js") %&gt;" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="&lt;%= Url.Content("~/Scripts/jquery.bgiframe.min.js") %&gt;" type="text/javascript"&gt;&lt;/script&gt;  
  </code></pre>
  
  <p><strong>from EditProduct.ascx(loaded inside of dialog)</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $('#subCategories').sexyCombo();
  &lt;/script&gt;
  
  &lt;%: Html.DropDownList("CategoryId", new SelectList(Model.ProductCategories, "CategoryId", "CategoryName", Model.Product.CategoryId), new{ id="subCategories"}) %&gt;
  </code></pre>