title: How do I clear a search box with an 'x' in bootstrap 3?
body: <p>Having some trouble with bootstrap, so some help would be awesome. Thanks</p>
  
  <p>What I would like:(top part)</p>
  
  <p><img src="https://i.stack.imgur.com/6jtBr.png" alt="enter image description here"></p>
  
  <p>My current code:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;input type="text" 
             class="form-control" 
             id="findJobTitle" 
             name="findJobTitle" 
             placeholder="Job Title, Keywords" 
             onkeyup="showResult()"&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>Current Screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/Ljyg5.png" alt="enter image description here"></p>