title: Changing DOM Element Position of searchbox in datatables
body: <p>Actually I am new to jQuery datatables plugin. </p>
  
  <p>I have attached the plugin to my tables using this method using this code.</p>
  
  <pre><code>$(document).ready(function() 
  
           $('#table_id').dataTable({
  
           });
   });
  </code></pre>
  
  <p>Now What I want is datatables provides a text box in which we can enter our filter string and results will be getting filtered. </p>
  
  <p>So I want to use my existing designed textbox for that purpose I don't want to add a new textbox in the UI. So I gone through this link</p>
  
  <p><a href="http://datatables.net/examples/basic_init/dom.html" rel="noreferrer">http://datatables.net/examples/basic_init/dom.html</a></p>
  
  <p>But I am not understanding. Is it possible to use the existing textbox. Please advice</p>
  
  <p>See I was having situation like this before implementing this datatables</p>
  
  <p><img src="https://i.stack.imgur.com/ktnpK.png" alt="enter image description here"></p>
  
  <p>Now when I apply this datatables plugin  A new text box gets added for search I don't want to a new text box I want my existing textbox to implement search functionality.</p>