title: dispose multiple kendo-ui dropdownlists
body: <p>I have the following JSFiddle example.  How do I dispose of a KendoUI DropDownList?
  <a href="http://jsfiddle.net/bryanb/bWRTm/1/" rel="nofollow">http://jsfiddle.net/bryanb/bWRTm/1/</a></p>
  
  <p>I have tried the following without luck:</p>
  
  <pre><code>supplier: &lt;input id="suppliers1" class="suppliers" value="2" /&gt;
  &lt;br /&gt;
  supplier: &lt;input id="suppliers2" class="suppliers" value="2" /&gt;
  &lt;br /&gt;
  &lt;button id="dispose"&gt;Dispose&lt;/button&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>function comboboxDispose() {
      $(".suppliers").each(function () {
          var combobox = $(this).data("kendoComboBox"),
              popup = combobox.popup,
              element = popup.wrapper[0] ? popup.wrapper : popup.element;
  
          //remove popup element;
          element.remove();
  
          //unwrap element
          combobox.element.show().insertBefore(combobox.wrapper);
          combobox.wrapper.remove();
  
          combobox.element.removeData("kendoComboBox");
      });
  }
  </code></pre>