title: Twitter share button not using custom url or text
body: <p>I have a link like so</p>
  
  <pre><code>= link_to "https://twitter.com/share", class: "twitter-share-button", data: { url: "https://google.com", text: hack.body, via: "GhettoLifeHack_", hashtags: "ghettolifehack" } do
    = image_tag "Tweet", alt: "Social Twitter tweet button"
  </code></pre>
  
  <p>and no matter how much I change the data-url value, the pre-tweet confirmation page always prepopulates the tweet form field with the url of the referring page, not the one I specified. It also ignores my custom data-text as well.</p>
  
  <p>Why is this happening?</p>
  
  <p>I also have this minified script</p>
  
  <pre><code>&lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');&lt;/script&gt;
  </code></pre>
  
  <p>that I got from here <a href="https://about.twitter.com/resources/buttons#tweet" rel="nofollow">https://about.twitter.com/resources/buttons#tweet</a>
  Removing that script doesn't seem to change anything.</p>
  
  <hr>
  
  <p>edit: upon trying using <code>:'data-url'</code> attributes directly, the output html is the same.</p>
  
  <p>I am testing hardcoded strings and dynamically generated urls at the same time. The first is the dynamic one.</p>
  
  <pre><code>&lt;a class="twitter-share-button" href="https://twitter.com/share" data-via="GhettoLifeHack_" data-url="http://localhost:3000/hacks/1" data-text="asdf comment body" data-hashtags="ghettolifehack"&gt;
  
      &lt;img src="/images/Tweet" alt="Tweet" title=""&gt;&lt;/img&gt;
  
  &lt;/a&gt;
  </code></pre>
  
  <p>The second is the hard coded strings</p>
  
  <pre><code>&lt;a class="twitter-share-button" href="https://twitter.com/share" data-via="GhettoLifeHack_" data-url="httpL//google.com" data-text="custom text" data-hashtags="ghettolifehack"&gt;
  
      &lt;img src="/images/Tweet" alt="Tweet" title=""&gt;&lt;/img&gt;
  
  &lt;/a&gt;
  </code></pre>
  
  <p>I've tested on development and in production. Both have the same behavior of pre-populating the tweet form with the referring url, rather than the specified url and text.</p>
  
  <p>This works in Chrome for me but not in Firefox 32</p>