Change Attribute with input val

HTML

<div id="MyId" data-foo=""></div>
<form>
<textarea name="extraoptions"></textarea>
</form>

JavaScript

$(document).on('change', '[name="extraoptions"]', function(){
   $('#MyId').attr('data-foo', $(this).val());
   window.alert( $('#MyId').attr('data-foo'));
});