title: Reference list item in JQuery
body: <p>I am having trouble having a modal fire up when a list item is clicked.
  Here is the list item:</p>
  
  <pre><code>&lt;div class=\"task-config-btn btn-group\"&gt;
                &lt;a class=\"btn btn-xs default\" href=\"#\" data-toggle=\"dropdown\" data-hover=\"dropdown\" data-close-others=\"true\"&gt;
                &lt;i class=\"fa fa-cog\"&gt;&lt;/i&gt;&lt;i class=\"fa fa-angle-down\"&gt;&lt;/i&gt;
                &lt;/a&gt;
                &lt;ul class=\"dropdown-menu pull-right\"&gt;
                  &lt;li&gt;
                    &lt;a href=\"#\"&gt;
                    &lt;i class=\"complete_request\"&gt;&lt;/i&gt; Complete &lt;/a&gt;
                  &lt;/li&gt;
  </code></pre>
  
  <p>And here is the event:</p>
  
  <pre><code>$(document).on("click", ".complete_request", function () 
  </code></pre>
  
  <p>Any help is appreciated. i know i am suppose to reference the parent UL but i tried different variations and none is working.</p>