javascript - ドロップダウンからhtml属性に値を追加します

Question

下の表の属性にドロップダウン値を追加しようとしています。.attr()しかし、 from jQueryを使用するとうまくいかないようです

これはjqueryです：

$("#datasize").change(function(){ 
        var element = $(this).find('option:selected'); 
        var myTag = element.val(); 

        $('#filterTable1').attr('data-page-size' , myTag); 
    }); 

これはhtmlです：

    <select id="datasize">
        <option value="10">My option</option>
        <option value="20">My other option</option>
    </select>
    <table class="footable" data-page-size="" id="filterTable1">
        <thead>
          <tbody>
          </tbody>
        </thead>
   </table>

どんな助けでも大歓迎です！