Kendo dropdown and filter outside grid

Question

I want to adjust or change my dropdown and filter at above the grid. Anyone have the idea? Please see my demo at below. Thank you.

DEMO

Answer 1

Here my solution:

 <script src="../content/shared/js/products.js"></script>
</div>
  <div id="filters"><input id="ddl" /> <input id="text" type="text" class="k-textbox" placeholder="Filter by name" /></div>
<div id="example">
  <div id="grid">
  <script>

Update for DEMO