title: Delete <dt> without <dd> with jquery
body: <p>I have a definition list and I need to delete all the <code>&lt;dt&gt;</code> tags who doesn't have any <code>&lt;dd&gt;</code>
  In this particular case: Herramientas, Suplementos, Repuestos, Herramientas and Anti pinchaduras</p>
  
  <p>The list can vary wildly because it's stock dependent (any category <code>&lt;dt&gt;</code> can get empty)</p>
  
  <p>I tried this</p>
  
  <pre><code>$('dt+dt').each(function() {
      $(this).remove();
  });
  </code></pre>
  
  <p>But it deletes "partes" instead of "herramientas" and fails to delete "suplementos"
  Also tried with <code>:empty</code> but it seems like a dt without a dd isn't considered empty...</p>
  
  <p>There must be a extremely simple and easy solution but my brain refuses to see it :-(</p>
  
  <p>Example list:</p>
  
  <pre><code>&lt;dl&gt;
      &lt;dt&gt;Bicicletas&lt;/dt&gt;
          &lt;dd&gt;&lt;a href="/bicicletas/"&gt;Bicicletas&lt;/a&gt; (70)&lt;/dd&gt;
      &lt;dt&gt;Accesorios&lt;/dt&gt;
          &lt;dd&gt;&lt;a href="/accesorios/bocinas/"&gt;Bocinas, timbres y cornetas&lt;/a&gt; (9)&lt;/dd&gt;
          &lt;dd&gt;&lt;a href="/accesorios/transporte/"&gt;Transporte y protección&lt;/a&gt; (1)&lt;/dd&gt;
      &lt;dt&gt;Herramientas&lt;/dt&gt;
      &lt;dt&gt;Partes&lt;/dt&gt;
          &lt;dd&gt;&lt;a href="/partes/cubiertas/"&gt;Cubiertas&lt;/a&gt; (2)&lt;/dd&gt;
          &lt;dd&gt;&lt;a href="/partes/asientos/"&gt;Asientos&lt;/a&gt; (5)&lt;/dd&gt;
          &lt;dd&gt;&lt;a href="/partes/grips/"&gt;Puños / grips&lt;/a&gt; (1)&lt;/dd&gt;
      &lt;dt&gt;Articulos de indumentaria&lt;/dt&gt;
          &lt;dd&gt;&lt;a href="/indumentaria/jerseys/"&gt;Jerseys / Remeras&lt;/a&gt; (1)&lt;/dd&gt;
          &lt;dd&gt;&lt;a href="/indumentaria/cascos/"&gt;Cascos&lt;/a&gt; (3)&lt;/dd&gt;
      &lt;dt&gt;Suplementos&lt;/dt&gt;
      &lt;dt&gt;Repuestos&lt;/dt&gt;
      &lt;dt&gt;Herramientas&lt;/dt&gt;
      &lt;dt&gt;Anti pinchaduras&lt;/dt&gt;
  &lt;/dl&gt;
  </code></pre>