javascript - jQueryはdata-srcを使用してdivの値を変更します

Question

ドロップダウンを使用していて<select></select>、 div の値を変更したいのですが#price、値セレクターを使用してデータを別のフォームに送信する必要があります。私の質問は、で2つのオプションを使用できますか、それとも以下value=""のような別のセレクターを使用できdata=""ますか?

<select id="choose">
    <option value="test1" data="4.00">Test1</option>
    <option value="test2" data="6.00">Test2</option>
    <option value="test3" data="7.00">Test3</option>
</select>
<div id="price"></div>

以下の jQuery は test1 test2 などのみを返します。カスタム データ値を返すにはどうすればよいですか?

<script type="text/javascript">
  jQuery('#choose').change(function(event) {
     jQuery('#price').html(jQuery('#choose').val());
  });
</script>

助けてくれてありがとう。