title: Sending text to PayPal Cart results in strange characters
body: <p>I'm using the basic PayPal shopping cart (Website Payments Standard).</p>
  
  <p>I have the following in my HTML as part of an item description:</p>
  
  <pre><code>&lt;div class="block"&gt;
      &lt;p&gt;What&amp;rsquo;s yours?&lt;/p&gt;
      &lt;!-- some other html --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I then select this piece of text like this:</p>
  
  <pre><code>phrase = $('.block p:first').text();
  </code></pre>
  
  <p>I have also tried this:</p>
  
  <pre><code>phrase = $('.block p:first').html();
  </code></pre>
  
  <p>Then, before it's submitted, I copy it into the form like this:</p>
  
  <pre><code>$('#PayPalForm input[name=os1]').val(phrase);
  </code></pre>
  
  <p>The form looks like this:</p>
  
  <pre><code>&lt;form id="PayPalForm" target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"&gt;
      &lt;input type="hidden" name="cmd" value="_cart" /&gt;
      &lt;input type="hidden" name="business" value="redacted" /&gt;
      &lt;input type="hidden" name="no_note" value="1" /&gt;
      &lt;input type="hidden" name="add" value="1" /&gt;
      &lt;input type="hidden" name="lc" value="US" /&gt;
      &lt;input type="hidden" name="return" value="paypal_confirm.html" /&gt;
      &lt;input type="hidden" name="cancel_return" value="redacted" /&gt;
      &lt;input type="hidden" name="currency_code" value="USD" /&gt;
      &lt;input type="hidden" name="bn" value="PP-ShopCartBF" /&gt;
      &lt;input type="hidden" name="item_name" value="" /&gt;
      &lt;input type="hidden" name="on1" value="phrase" /&gt;
      &lt;input type="hidden" name="os1" id="os1" value="" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This is my HTML doctype:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  </code></pre>
  
  <p>This is my text encoding:</p>
  
  <pre><code>&lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8" /&gt;
  </code></pre>
  
  <hr>
  
  <p>It's working. However, when the remotely hosted cart page opens (at PayPal), the phrase is displayed with non-sensical characters where an apostrophe should be.</p>
  
  <pre><code>phrase: Whatâ€™s yours?
  </code></pre>
  
  <p>At the very least I would have expected the raw <code>&amp;rsquo;</code> to display rather than a <code>â€™</code>.</p>
  
  <p>Why did this happen and what can I do to clean it up?</p>