title: How to add placeholder text with search icon on jQuery data tables
body: <p>I'm using jQuery data tables and I want to display "search" text with search icon inside search input box as placeholder. I managed add the text. Please advice me how to add placeholder image</p>
  
  <pre><code>$(document).ready(function() {
          $('#example').DataTable({
              oLanguage: {
                  sSearch: ''
              },
              "aoColumnDefs":[{
                  'bSortable':false, 'aTargets':[3]
  
              }
              ]
          });
  
          function InitComplete(oSettings) {
              $('#example_filter')
                      .contents()
                      .filter(function() { return this.nodeType == 3 })
                      .replaceWith('Refine search: ');
          }
  
          $('.dataTables_filter input').attr("placeholder", "Search");
  </code></pre>
  
  <p>I need to know, how to add image something like <code>'&lt;i class='icon-search'&gt;&lt;/i&gt;'</code> </p>