I have tested that
it works
but
it only works once!
after the first time the console displays no message - not even an error.
However
When I compared your code to mine I noticed that the difference was that you used george as a global variable and I was trying to use it as a local variable.
I converted my code so that george is accessed as a global (and removed the attempt to insert it into the mouseup function as passed in data).
The way i have done it works, and it works repeatedly (it no longer has the "works only once" problem which your code has)
also
I removed the <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" /> line from your code
and it made no difference, so it would seam that this tag does nothing.
Can you tell me how i would go about taking the variable from the mousedown function and making it available to the mouseup function without it being a global variable. I need this because this is what i really want to be able to do. In this case it is of no importance because once a mousedown happens another mousedown cannot occur until after a mouseup occurs which means these operations are always consecutive. But in other situations it could be possible for pairs of functions to be used before the previous instance ends and so they could run concurrently.
also
here is my edited code
----------------
<script>
$(document).ready(function()
{
var george = "";
$('#ob').on('mousedown',{one : "rose",two : "blonde"},holly);
$(document).on('mouseup',null,amber);
function holly(e)
{
console.log(e.data.one + e.data.two);
george = "test data";
}
function amber(e)
{
console.log(george);
}
});
</script>
----------------