title: Why is this function firing multiple times?
body: <p>I'm filling this list:</p>
  
  <pre><code>&lt;ul id="FolderList"&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>with a list of folders using jquery that produces the following HTML:</p>
  
  <pre><code>&lt;ul id="FolderList"&gt;
      &lt;li id="FolderList0" onclick="return myFunc(0)"&gt;Item 1&lt;/li&gt;
      &lt;li id="FolderList1" onclick="return myFunc(1)"&gt;Item 2&lt;/li&gt;
      &lt;li id="FolderList2" onclick="return myFunc(2)"&gt;Item 3
          &lt;ul&gt;
              &lt;li id="FolderList2a" onclick="return myFunc(2a)"&gt;Sub Item 1&lt;/li&gt;
              &lt;li id="FolderList2b" onclick="return myFunc(2b)"&gt;Sub Item 2
                  &lt;ul&gt;
                      &lt;li id="FolderList2bi" onclick="return myFunc(2bi)"&gt;Subsub Item 1&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;          
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>...</p>
  
  <pre><code>function myFunc(id) {
  //do something
  </code></pre>
  
  <p>return false;
      };</p>
  
  <p>For some reason if i click on a level 1 li item, the function myFunc() executes as expected. If i click on a "level 2" item (ie: FolderList2a), myFunc is being called twice.  If i click on a 3rd level (ie: FolderList2bi) it gets called 3 times - and so on.
  Anyone know what's going on here?!
  Thanks in advance!</p>