php - 変更イベントJqueryで属性をフェッチする

Question

jqueryで取得したいタグに属性を指定しました。

<select id='duration' name='duration'>
  <option value=''>Select Duration</option>
  <option value='10' data-cost='50'>10 Min</option>
</select>

これが私のjqueryコードです。

$(document).ready(function(){
   $('#duration').change(function(){
       var cst=$(this).data('cost');   // not working
       var cst=$('#duration').data('cost');
       alert(cst);

   });
});

アラートで未定義の値が表示されています。私は何か間違ったことをしていますか？