title: How can I reuse kendo-combobox jquery code to make multiple inputbox?
body: <p>I want to pass HTML Id, ActionName to a jQuery function that can make a kendo comboBox on that input box. I've tried modular jQuery way but nothing helped me. Maybe I couldn't make that perfectly, but I tried my best. </p>
  
  <pre><code>&lt;input class="form-control" name="" id="ddlId1"&gt;
  
  &lt;input class="form-control" name="" id="ddlId2"&gt;
  </code></pre>
  
  <p>I'll pass just Id, ActionName, Text, Value</p>
  
  <pre><code>$myFunction("ddlId1","ActionName","Text","Value");
  $myFunction("ddlId2","AnotherActionName","Text","Value");
  </code></pre>
  
  <p>I want to make jQuery function which will contain following code to make kendo combobox</p>
  
  <pre><code>$("#"+ddlId+"").kendoComboBox({
              placeholder: "Select Business Unit",
              dataTextField: ""+Text+"", // may be I need to pass these two too.
              dataValueField: ""+Value+"", //
              filter: "contains",
              autoBind: false,
              minLength: 3,
              dataSource: {
                  type: "jsondata",
                  serverFiltering: false,
                  transport: {
                      read: {
                          url: "/Promotion/"+ActionName+"",
                      }
                  }
              }
          });
  </code></pre>