title: Kendo mobile UI fixed position
body: <p>I'm using Kendo mobile UI with jquery to build an hybrid app.</p>
  
  <p>I'm building a list of relations with a searchbox in top of the list. While scrolling te list the searchbox also scrolls down with the list but I want it to stay on top.</p>
  
  <p>My view looks like this</p>
  
  <pre><code>&lt;div data-role="view" data-title="Relations" data-layout="main" data-model="app.relations" data-show="app.relations.onShow" data-after-show="app.relations.afterShow"&gt;
  
  &lt;div class="search-box"&gt;
      &lt;input type="text" class="search-input" id="searchRelations" placeholder="Search..."&gt;
  &lt;/div&gt;
  
  &lt;ul id="relations" class="data-list"&gt;&lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS looks like this</p>
  
  <pre><code>.search-box {
   position: fixed;
   top: 0px;
  }
  </code></pre>
  
  <p>Any idea how to fix it?</p>