javascript - JQuery と RequireJS をオブジェクト指向の適切に構造化された方法で組み合わせるには?

Question

視覚的な HTML 編集ツールを開発しています。Yeoman webappテンプレートの上にフロントエンドを作成し、 DOM 操作にJQueryを使用し、コードを構造化するためにRequireJSを使用しています。

コード例 ( /app/scripts/views/drawing/draw-element.jsの内容なので、私のディレクトリ構造の感覚をつかむことができます):

define(['jquery', 'jquery-ui', 'domReady'], function ($, $UI) {
    'use strict';

    function DrawElement (elementId) {
        this.jqElement = $("#" + elementId);
        console.log('DrawElement: ', this, this.jqElement); // This is printed when instance is created and looks fine
        this.jqElement.addClass("draw_element"); // Has no effect. Why is this not working?

        this.jqElement.click(function (eventObject) {
            this.jqElement.addClass("selected");
        })

        return this;
    }

    return DrawElement;

});

私は後で DrawElement を次のように使用します。

var drawElement = new DrawElement("box1");

質問: RequireJS ベースのアプリで JQuery を使用する際に推奨される方法は何ですか? 上記の JQuery ステートメントの使用方法を見ることができます。