jquery - div data-href 値の変更

Question

私はこれを試します：

<script type="text/javascript">
   $(document).ready(function() {
      $(".fb-like").attr('data-href',encodeURIComponent(location.href));
   });
</script>
<div class="fb-like" data-href="" data-send="false" data-width="450" data-show-faces="false" data-font="verdana"></div>

しかし、data-href は空です。