title: How to set a new value for data-url attribute using jquery?
body: <p>Before page load:    </p>
  
  <pre><code>&lt;a data-url="htts://xyz@..." class="mybuttons"  data-type="facebook"&gt;
  </code></pre>
  
  <p>After: On page load using jquery I used to append new data-url</p>
  
  <pre><code>&lt;a data-url="https://abc@..." class="mybuttons"  data-type="facebook"&gt;
  </code></pre>
  
  <p>Now when I want to share this new data url using facebook api then
      it show old url <code>https://xyz@...</code> in url bar.</p>
  
  <p>I want new <code>data-url</code> to be shared.</p>
  
  <p>I have successfully change the <code>data-url</code> using  <code>$(this).attr('data-url',value.url)</code>. What to do please help me out. Even my new <code>data-url</code> is not getting show in page source.</p>