Javascript MVC + listening and dispatching events with jQuery
<p>I'm learning javascript and have a question about listening and dispatching events with jQuery.  </p>

<p>In my Model, I have a function that triggers a change event:  </p>

<pre><code>Model.prototype.setCurrentID = function(currentID) {
    this.currentID = currentID;
    $('body').trigger('change');
}
</code></pre>

<p>The trigger event requires an element, so I bound it to the 'body'.  Is this good practice or bad practice?  </p>

<p>In AS3, which I'm more familiar, I would simply dispatch a global event from the model, passing in a const value, listening for this event with an instance of the Model:</p>

<pre><code>var model:Model = new Model();
model.addEventListener(CONST_VALUE, handlerFunction);
</code></pre>

<p>In jQuery, within my View object, I need to attach an element to the listener as well, so I bound it to the 'body' once again:</p>

<pre><code>var View = function(model, controller) {
    var model;
    var controller;
    this.model = model;
    this.controller = controller;

    $('body').change(function(evt) { updateSomething(evt); });

    function updateSomething(evt){console.log('updating...')};
}
</code></pre>

<p>It's working, but I'm interested in your take on the subject.</p>
