mattfeury/jQueryTransparencyIssue.js

## jQueryTransparencyIssue.js
function getBooyan() {
  return $('body').data('booyan')
}
$(function() {
  // Set a data attribute on an element. This can be done in the html as well, but is simplified in js for this example.
  // e.g. <body data-booyan="magic">...</body>
  $('body').attr('data-booyan', 'magic');

  // Retrieve as data
  var booyan = getBooyan(); // booyan == 'magic'

  // Reset the attribute to a new value. In our usage, this would be done by KnockoutJS
  $('body').attr('data-booyan', 'black-magic');

  var newBooyan = getBooyan(); // booyan still == 'magic'
})

// Design decisions aside, this is definitely an issue when combined with KnockoutJS
// which updates attributes as observables change. jQuery.data cannot be relied on in these cases.
	function getBooyan() {
	return $('body').data('booyan')
	}
	$(function() {
	// Set a data attribute on an element. This can be done in the html as well, but is simplified in js for this example.
	// e.g. <body data-booyan="magic">...</body>
	$('body').attr('data-booyan', 'magic');

	// Retrieve as data
	var booyan = getBooyan(); // booyan == 'magic'

	// Reset the attribute to a new value. In our usage, this would be done by KnockoutJS
	$('body').attr('data-booyan', 'black-magic');

	var newBooyan = getBooyan(); // booyan still == 'magic'
	})

	// Design decisions aside, this is definitely an issue when combined with KnockoutJS
	// which updates attributes as observables change. jQuery.data cannot be relied on in these cases.