title: jQuery onclick hide its parent element
body: <p>I want to hide <code>&lt;li&gt;</code> tag on <code>&lt;a&gt;</code> tag click with jQuery. </p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;a href="'&gt;Something&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="'&gt;Something&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="'&gt;Something&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>In other words if someone clicks on link(<code>&lt;a&gt;&lt;/a&gt;</code>) its parent <code>&lt;li&gt;</code> gets hidden.</p>