I am trying to make a little application with a view that handles `mousedown` and `mouseup` jQuery events. 

I have a `getCoords` method that returns the coordinates of a given mouse event 
I call that method from `determineEvent`, and store the coordinates of the `mousedown` in `mouseDownCoords`. It also returns the `mouseDownCoords` variable. The purpose of this method is to distinguish between a click and a drag event, but I ommited the code for brevity)

The method `doStuff` is triggered on `mouseup` and stores the coordinates of the mouseup in `mouseUpCoords`. The problem is that I don't know how to access the mouseDownCoords variable from within this method.

I though of triggering the event manually, through code, but that doesn't make much sense (triggerring a mouseup event from a mousedown eventhandler...)
Also calling the `determineEvent` method from `doStuff`, doesn't make sense because I'm passing a different event to it (mouseup)

Here's my view code

```
var ScreenView = Backbone.View.extend({
  tagName: 'div',
  className:"screen",
  events: {
    "mousedown": "determineScreenEvent",
    "mouseup": "doStuff"
  },

  getCoords: function(e) {
    var screenOffset = this.$el.offset();
    var coords = [e.pageX - screenOffset.left, e.pageY - screenOffset.top];
    return coords;
  },

  determineEvent: function(e) {
    mouseDownCoords = this.getCoords(e);
    return mouseDownCoords;
    //code for distinguishing between click/drag
  },

  doStuff: function(e, mouseDownCoords) {
    mouseUpCoords = this.getCoords(e);
    //do stuff with mouseUpCoords and mouseDownCoords
  }

});

```

Any pointers would be helpful :)