title: Add Multiple Elements to PDF via jsPDF's addHTML
body: <p>I am using an <a href="http://angular-ui.github.io/bootstrap/" rel="nofollow">angular-ui tabset</a> to display several separate bits of information. Because the actual content of the tabs that aren't active is hidden, it does not print if I just add the entire body of the page. The only tab content that you see after printing is the currently active tab. I'm attempting to print everything inside of these tabs along with another single element from the page using the <code>addHTML</code> method to preserve the way that it looks. </p>
  
  <p>Printing any of these individually works well, but I can't seem to find a way to print all of the items at once.</p>
  
  <p>For example, this is the code used to print a single element.</p>
  
  <pre><code>var pdf = new jsPDF('p', 'pt', 'a4');
  pdf.addHTML($('#foo').first(), function() {
      pdf.save();
  });
  </code></pre>
  
  <p>That works (although the output <em>is</em> all black, but I suppose that's a separate issue). Now, I would like to have several <code>addHTML</code> statements to finish adding the content I need and then save. Something like</p>
  
  <pre><code>var pdf = new jsPDF('p', 'pt', 'a4');
  pdf.addHTML($('#foo').first());
  _.each( $('.bar').first().children(), function(e) {
      pdf.addHTML(e);
  });
  pdf.save();
  </code></pre>
  
  <p>However, taking the second approach when the pdf is saved, it is just completely blank. </p>
  
  <p>It's worth noting that this works, but it doesn't have the formatting that I would like to keep <em>and</em> has more content than I'd like:</p>
  
  <pre><code>  var doc = new jsPDF();
  
    doc.fromHTML($('body').get(0), 15, 15, {
      'width': 170,
    }, function() {
      doc.save();
    });
  </code></pre>
  
  <p>Attempting to force it to select just <code>#foo</code> and <code>.bar</code> ends up coming out to the same problem that I have above.</p>
  
  <p>Any suggestoins on the correct way to do this would be greatly appreciated. </p>