How to call two 'on click' events - arcgis

Question

I have a list of districts as well as corresponding Taluks. When I click on a district, it will display a district report in a JQX pie chart. But when I click on Taluks, it will display district reports and sometimes Taluk reports. Currently, I am using this on click events.
$(function () {
$("#menuwrapper ul>li").click(function () {
var districtname = this.id;
GetDistrictReport(districtname);
showresults(districtname);
//alert('Clicked list. ' + a);
});
});
$(function () {
$("#menuwrapper ul>li>ul>li").click(function () {
//var districtname = this.id;
var talukname = this.id;
GetTalukReport(talukname);
showTalukresults(talukname);
//alert('Clicked list. ' + a);
});
});
That menu wrapper id stems from
<div class="ui-layout-east" style="background-color: #bccbde">
<div>
<div style="width: 25%; position: absolute; top: 0px; left: 0px; z-index: 1000">
<ul id="menuwrapper" style="position: absolute; top:-10px; left:-40px;">
<%--<li>--%>
<%--Districts--%>
<ul>
<li id="Bagalkot">Bagalkot
<ul>
<li id="Badami">Badami</li>
<li id="Bagalkot">Bagalkot</li>
<li id="Bilgi">Bilgi</li>
<li id="Hungund">Hungund</li>
<li id="Jamkhandi">Jamkhandi</li>
<li id="Mudhol">Mudhol</li>
</ul>
</li>
<li id="Bangalore">Bangalore
<ul>
<li id="Anekal">Anekal</li>
<li id="Bangalore East">Bangalore East</li>
<li id="Bangalore North">Bangalore North</li>
<li id="Bangalore South">Bangalore South</li>
</ul>
</li>
<li id="Bangalore Rural">Bangalore Rural
<ul>
<li id="Devanahalli">Devanahalli</li>
<li id="Dod Ballapur">Dod Ballapur</li>
<li id="Hosakote">Hosakote</li>
<li id="Nelamangala">Nelamangala</li>
</ul>
</li>
<li id="Belgaum">Belgaum
<ul>
<li id="Athni">Athni</li>
<li id="Belgaum">Belgaum</li>
<li id="Chikodi">Chikodi</li>
<li id="Gokak">Gokak</li>
<li id="Hukeri">Hukeri</li>
<li id="Khanapur">Khanapur</li>
<li id="Parasgad">Parasgad</li>
<li id="Ramdurg">Ramdurg</li>
<li id="Raybag">Raybag</li>
<li id="Sampgaon">Sampgaon</li>
</ul>
</li>

Answer 1

This behavior is because events propagate from child to parent. It would work fine when you would click on District's li, but would show weird behavior when you would click on Taluk's li (because Taluk's li is the child of District's li and the event propagates from Taluk's li to District's li and triggers it).
You should therefore use event.stopPropagation();
$("#menuwrapper").find("ul>li>ul>li").click(function (event) {
if (event.stopPropagation === "function") { event.stopPropagation(); }
var talukname = this.id;
GetTalukReport(talukname);
showTalukresults(talukname);
});