title: styles and scripts not working in partial view
body: <p>I have a partial view (<code>asp.net-mvc</code>) that contains a few <code>dropdownlist</code>'s with the class ''chosen-select'. But somehow that class doesn't get applied. The <code>dropdownlist</code>'s are displayed/styled as 'normal'.</p>
  
  <pre><code>@using (var f = Html.Bootstrap().Begin(new Form("Home", "Index").FormMethod(FormMethod.Post).Type(FormType.Horizontal).InputWidthMd(12)))
  {
      @f.FormGroup().DropDownListFor(model =&gt; model.Currency, Model.Currencies).Class("chosen-select")
  
      @f.FormGroup().ListBoxFor(model =&gt; model.CountryIds, Model.Countries).ShowValidationMessage(false).HtmlAttributes(new { @class = "chosen-select" })
  
      @f.FormGroup().ListBoxFor(model =&gt; model.USStateIds, Model.USStates).Id("usStates").ShowValidationMessage(false).HtmlAttributes(new { @class = "chosen-select" })
  
      @Html.Bootstrap().SubmitButton().Text(Resources.Form.Save).Class("btn btn-primary").HtmlAttributes(new { @style = "float:right;" })
  }
  </code></pre>
  
  <p>This <code>partial view</code> is displayed in a dialog.</p>
  
  <pre><code>$(document).ready(function () {
          $('.chosen-select').chosen();
  });
  </code></pre>
  
  <p>Not sure if it's relevant, but the jquery code and the styles are placed in the view that renders this <code>partial view</code>. It was on the same page as the <code>partial view</code> at first, but the jquery code and the css styles doesn't seem to do anything. That's why I relocated them (not sure if that's relevant either).</p>
  
  <p>I'm rendering this <code>partial view</code> by the way, via an <code>AJAX</code> call.</p>