title: How to get parent using $(this)
body: <p>I'm trying to further my understanding of traversing and correctly using <code>$(this)</code>. </p>
  
  <p>I understand <code>$(this)</code> is used in reference to the context. However, say I have three items that are identical to each other (HTML-wise) and if a user clicks on an input, I want the events to not only happen for the item the user selected, but be able to access the parent element <code>".item"</code> as well. This way, I can hide other elements within <code>".item"</code> because, again, the context would be the <code>"input"</code> that the user clicked.</p>
  
  <p>This is where I am confused. When a user clicks on the input (<code>$('input').on('click', doSomething);</code>), I am limited to the context of the input - nothing is inside the input, so I want to access other elements that are out of the input context. </p>
  
  <p>I then try and use <code>$(this)</code> to say I only want THIS event to happen for THIS item only, not affecting ALL items.</p>
  
  <p>Here is a code example: <a href="http://jsfiddle.net/RSapL/19/" rel="nofollow">JSFIDDLE</a></p>
  
  <p>I've tried researching this and I can't find much information on an instance like this so hopefully this could benefit others too. Feel free to make edits to the content / heading as I've tried to be as specific as possible.</p>