How to bind li tag with its child a tag?
<p>I want the DOM to consider that the anchor tag is clicked even when the user click on it's parent li element in which anchor tag resides.</p>

<pre><code>  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#"&gt;test1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;test2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
</code></pre>

<p>Here link "test1" works only when I click on the text but when I click over li tag I want the link to go to target page.</p>
