How to add onClick function on unordered list element?
<p>can someone please help me with how to add onclick event in below code.
I want to fire onclick event on each li element.</p>

<pre><code>&lt;ul id="tree1"&gt;
    &lt;li OnClick="Button3_Click" runat="server"&gt;
       &lt;i class='fa fa-institution' style='color: #fff;'&gt;&lt;/i&gt;
        Add Institute                                    
        &lt;ul&gt;&lt;/ul&gt;                                                                            
     &lt;/li&gt;
     &lt;li OnClick="Button4_Click" runat="server"&gt;
        &lt;i class='fa fa-puzzle-piece' style='color: #fff;'&gt;&lt;/i&gt;
        Test
        &lt;ul&gt;&lt;/ul&gt;
     &lt;/li&gt;
     &lt;li OnClick="Button5_Click" runat="server"&gt;
         &lt;i class='fa fa-area-chart' style='color: #fff;'&gt;&lt;/i&gt;
         Analysis
         &lt;ul&gt;&lt;/ul&gt;
     &lt;/li&gt;
     &lt;li OnClick="Button6_Click" runat="server"&gt;
        &lt;i class='fa fa-book' style='color: #fff;'&gt;&lt;/i&gt;
        Library
        &lt;ul&gt;&lt;/ul&gt;
     &lt;/li&gt;
     &lt;li OnClick="Button7_Click" runat="server"&gt;
        &lt;i class='fa fa-bookmark' style='color: #fff;'&gt;&lt;/i&gt;
        Bookmark
        &lt;ul&gt;&lt;/ul&gt;
     &lt;/li&gt;
&lt;/ul&gt;           
</code></pre>