title: jQuery Chosen Plugin not styling correctly. Very Small
body: <p>I've implemented Chosen before, but I'm running into an issue trying to get it to work in MVC 3.  I don't know what is causing this, but the element is rendering as very narrow and I have no idea why.  I've looked all over and I can't figure this out, I feel like I'm taking crazy pills!  Thanks!</p>
  
  <p><img src="https://i.stack.imgur.com/C8sGN.png" alt="Here is a screenshot"></p>
  
  <p>Here is my code:</p>
  
  <p>cshtml:</p>
  
  <pre><code>div id="ProducerData" style="display: none;"&gt;
                  &lt;h2&gt;
                      Winery Information&lt;/h2&gt;
  
                  @Html.DropDownListFor(m =&gt; m.Producer.ProducerID, new SelectList(Model.Producers, "ProducerID", "Name"), "Please select a producer")
                  &lt;input type="button" id="btnNewProdcue" value="New Producer?" onclick="NewProducer(); return false;" /&gt;
                  &lt;table id="ProducerDataTable"&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$(document).ready(function () {
  
          SlideWidth = 650;
          SlideSpeed = 500;
          InitTab();
  
  
          $("#ProducerDataTable input[type=text]").addClass("DisabledTextInput");
          $("#ProducerDataTable input[type=text]").attr("disabled", true);
  
          $("#Producer_ProducerID").change(OnProducerChange);
          $("#UserTypes img").click(OnUserTypeClick);
          $("#UserObj_Country").change(OnCountryChange);
          $(".state").change(OnStateChange);
          SetNavigationDisplay();
          $("#UserObj_Phone").live("keypress", function (e) {
              if (e.which === 0) {
                  e.preventDefault();
              }
          });
  
          $("#Producer_ProducerID").chosen();
      });
  </code></pre>