title: Positioning of Search Bar
body: <p>I have inserted a search bar by using my websites code injection points and now trying to re position it below my site tag line. Below in an screenshot of what I am trying to accomplish. </p>
  
  <p>My website is www.jobspark.ca</p>
  
  <pre><code>&lt;script type="text/javascript"   
  src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  $("#banner-area").prepend("&lt;div id='banner-tagline'&gt;Your British Columbia and Alberta Job Search&lt;/div&gt;");
  });
  &lt;/script&gt;
  &lt;div class="positionedSearch"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/clMwQ.jpg" alt="enter image description here"></p>
  
  <p>Current CSS for the search bar includes</p>
  
  <pre><code>.positionedSearch {
  width: 400px;
  height: 45px;
  }
  </code></pre>