title: Meteor - Select Parent ID of element clicked
body: <p>Using Meteor, I am trying to loop through and display a list of notes from a database with an option to delete each note.</p>
  
  <p>Here is the HTML (using Handlebars.js)</p>
  
  <pre><code>&lt;template name="Notes"&gt;
      {{#each NoteArr}}
          &lt;div class="Note"&gt;
              &lt;h2&gt;{{Title}}&lt;/h2&gt;
              &lt;p&gt;{{Body}}&lt;/p&gt;
              &lt;span class="deleteNote"&gt;Delete&lt;/span&gt;
          &lt;/div&gt;
      {{/each}}
  &lt;/template&gt;
  </code></pre>
  
  <p>And here is the client Javascript</p>
  
  <pre><code>Template.Notes.events = {
      "click .deleteNote" : function(){
          noteID = $('.deleteNote').parent().attr("id");
          Notes.remove({ID:noteID});
      }
  };
  </code></pre>
  
  <p>This grabs the first instance of .deleteNote, so unless I'm trying to delete the first one, that won't help. How can I grab the parent of the particular instance of .deleteNote that was clicked, not just the first one it finds?</p>