title: remove <br> with jquery
body: <p>I have the following markup which is just a small portion of the total markup. </p>
  
  <pre><code>&lt;div align="center"&gt;
    &lt;img src="v/vspfiles/templates/100/images/headings/heading_shoppingcart.gif"&gt;
  &lt;/div&gt;
  &lt;br&gt;&lt;br&gt;
  </code></pre>
  
  <p>I would like to remove the two <code>&lt;br&gt;</code> tags.</p>
  
  <p>Note: there are other <code>&lt;br&gt;</code> tags on the page both before this and after this that I do not want to removed.</p>
  
  <p>I thought of using a selector to target the div by the src which contains <code>heading_shoppingcart.gif</code> and something like <code>.after</code> and then <code>.remove</code> the <code>&lt;br&gt;</code>. </p>
  
  <p>Unsure of the correct syntax or if there is a better/easier way to do it. </p>