title: Remove whitespace and line breaks between HTML elements using jQuery
body: <p>Using jQuery, I'd like to remove the whitespace and line breaks between HTML tags.</p>
  
  <pre><code>var widgetHTML = '    &lt;div id="widget"&gt;        &lt;h2&gt;Widget&lt;/h2&gt;&lt;p&gt;Hi.&lt;/p&gt;        &lt;/div&gt;';
  </code></pre>
  
  <p>Should be:</p>
  
  <pre><code>alert(widgetHTML); // &lt;div id="widget"&gt;&lt;h2&gt;Widget&lt;/h2&gt;&lt;p&gt;Hi.&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I think the pattern I will need is:</p>
  
  <pre><code>&gt;[\s]*&lt;
  </code></pre>
  
  <p>Can this be accomplished without using regex?</p>