title: Kendo UI Dropdown update with parameter on button click
body: <p>I'm trying to update a Kendo UI dropdownlist programmatically when pressing a button.</p>
  
  <p><strong>Main dropdown</strong>:</p>
  
  <pre><code>@(Html.Kendo().DropDownList()
            .Name(LayoutTemplate")
            .OptionLabel("Templates")
            .DataTextField("Text")
            .DataValueField("Value")
            .DataSource(source =&gt;
            {
            source.Read(read =&gt;
                 {
                   read.Action("GetLayoutTemplatesDropdown", LayoutTemplate");
                 });
             }))
             &lt;button class="loadLayout" type="button"&gt;Load&lt;/button&gt;
  </code></pre>
  
  <p><strong>Second dropdownlist</strong>:</p>
  
  <pre><code>@(Html.Kendo().DropDownList()
          .Name("CreateTemplateCSS")
          .OptionLabel("Choose one")
          .DataTextField("Text")
          .DataValueField("Value")
          .Template("&lt;span class=\"glyphicon glyphicon-font\"&gt;&lt;/span&gt; #:data.Text#")
          .DataSource(source =&gt;
          {
              source.Read(read =&gt;
              {
                  read.Action("GetTemplateCSSTemplatesDropdown", "TemplateCSSTemplate")
                  .Data("filterTemplateCSSTemplates"); 
              });
          })
          )
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>    function filterTemplateCSSTemplates() {
          return {
              layoutTemplateID: $("#LayoutTemplate").val()
          };
      }
  
   $(".loadLayout").on("click", function (e) {
  
           var layoutTemplateID = $("#LayoutTemplate").val();
  
           if (layoutTemplateID) {   
                $("#CreateTemplateCSS").data("kendoDropDownList").refresh();
           }                    
      });
  </code></pre>
  
  <p>Goal is: </p>
  
  <p>When $(".loadLayout") is clicked refresh "CreateTemplateCSS" with the "layoutTemplateID" parameter. </p>
  
  <p>How can I adjust this to make it work?</p>