Как изменить атрибут с помощью jquery в виджите для facebook api?

Question

[Максим Тимофеев]

Есть виджет facebook api:

<div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&appId=663908593722127&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    </script>
    
    <div class="fb-like-box" data-href="https://www.facebook.com/webinarvolovik"  data-width="400" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

Как изменить в нем атрибут data-width? Надо что бы он был равен
var $swidth = $(".social").width()/2;

Answer 1

[Jaty4]

$('.fb-like-box').attr('data-width', $(".social").width()/2)

Answer 2

[Ольга]

а еще лучше для работы с data использовать предназначенную для этого функцию
$('.fb-like-box').data('width', $(".social").width()/2)