title: Ember views are duplicated on mouseDown
body: <p>I'm using Ember to make a web app, where you can see different outcomes of a sports tournament. The tournament view consists of heats that have 2 slots, which all have an "athlete" -property. When you click on a slot, the athlete gets to the second round.</p>
  
  <p>This is my view:</p>
  
  <pre><code>App.SlotView = Em.View.extend({
      heat:null,
      athlete:null,
      tagName:"span",
      mouseDown : function(){
  
              //Here's the problem: "this" isn't the original slot, but a new slot which has the original slot in its _context. I'm fixing the error with this:
              var target = this._context ? this._context : this;
  
              //Move the athlete forward etc...
              //....
  
  }})
  </code></pre>
  
  <p>Here's how I create a new slot:</p>
  
  <pre><code>//Inside a loop
  slot = App.SlotView.create({
          athlete:seed,
          heat:heat,
          round:1,
          classNames:['slot-view']
      });
  //slot is added to a heatview, which is added to App.round1heats
  </code></pre>
  
  <p>Here's the template</p>
  
  <pre><code> &lt;script type="text/x-handlebars"&gt;
  
  &lt;div class="row span2"&gt;
    {{#each App.round1heats}}
      {{#view App.HeatView class="clearfix heat round1"}}
  
        {{#each slots}}
          &lt;div class="athlete"&gt;
          {{#view App.SlotView}}
            {{athlete.name}}
          {{/view}}
          &lt;/div&gt;
        {{/each}}
  
      {{/view}}
    {{/each}}
  &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>There's also the problem that I can't access the element of the views through "this" or "this._context" in the mouseDown function. Both the element &amp; elementId -properties are undefined in both.</p>
  
  <p>What's the thing I'm missing?</p>