title: Modify Select2 search box
body: <p>I am using the ajax feature of the <a href="https://select2.github.io/examples.html#data-ajax" rel="nofollow noreferrer">Select2</a> control to load the options asynchronously. However, I would like to change the default template of the search box to have a placeholder and an icon on the right.</p>
  
  <p>Is there a proper way to do that?</p>
  
  <p><a href="https://i.stack.imgur.com/lUSF1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lUSF1.png" alt="enter image description here"></a></p>