test jquery resizable resize stop in relation to mouseup

when sizing a jquery resizable and mousing up, we want to test if mouseup actually fires (or if jquery swallows it) and if mouseup occurs before resizestop/stop.

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<div id="div1"></div>

CSS

#div1 {
    width: 200px;
    height: 100px;
    background-color: blue;
}

JavaScript

$('#div1').on('resizestop', function(event, ui) {
    console.log('resizestop fired.');
});

$('#div1').resizable({
    stop: function( event, ui ) {
        console.log('stop fired.');
    }
});