title: Jquery replaceWith not working
body: <p>Using Jquery 1.7.1</p>
  
  <p>I have two divs </p>
  
  <pre><code>&lt;div class="highlightStart"&gt;&lt;/div&gt;
  {page content here}
  &lt;div class="highlightEnd"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>Those show up in the page source. But this jquery I added at the bottom of the page is not working: </p>
  
  <pre><code>&lt;script type="text/javascript" id="makeHighlight"&gt;
     $(document).ready(function () {
       $("div.highlightStart").replaceWith("&lt;section class='highlight'&gt;");
       $("div.highlightEnd").replaceWith("&lt;/section&gt;"); 
     });
  &lt;/script&gt;
  </code></pre>
  
  <p>No javascript errors showing in the browser console (Chrome). Just nothing gets replaced.</p>