title: jQuery kill link if li has children
body: <p>Given the following structure:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="example.com&gt;1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="example.com&gt;2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="example.com&gt;3&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="example.com"&gt;3.1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="example.com"&gt;3.2&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="example.com"&gt;3.2.1&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="example.com&gt;4&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'd like to auto remove or kill the link for <code>3</code> and <code>3.2</code> </p>
  
  <p>Basically any li that has children the link should be removed.
  What's the best way to go about this?</p>