title: Find siblings for the clicked element
body: <p>I have the following list structure:    </p>
  
  <pre><code>&lt;ul&gt;
      &lt;a class="target"&gt;one&lt;/a&gt;
      &lt;a class="target"&gt;two&lt;/a&gt;
      &lt;a class="target"&gt;three&lt;/a&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When i click an <code>&lt;a&gt;</code> element I add an "selected" class for the clicked element and a "unselected" class for the others a elements like this:</p>
  
  <pre><code>$(".target").click(){
      $(this).siblings().removeClass("selectedClass"); //remove "selected" class from siblings
      $(this).addClass("selectedClass"); //add selected class to clicked element
  }
  </code></pre>
  
  <p>Now comes my problem.If I change the list structure as follows(wrap the <code>&lt;a&gt;</code> into divs):</p>
  
  <pre><code>    &lt;ul&gt;
      &lt;div&gt;&lt;a class="target"&gt;one&lt;/a&gt;&lt;/div
      &lt;div&gt;&lt;a class="target"&gt;two&lt;/a&gt;&lt;/div
      &lt;div&gt;&lt;a class="target"&gt;three&lt;/a&gt;&lt;/div
      &lt;/ul&gt;
  </code></pre>
  
  <p>I don't know how to find the siblings (the others <code>&lt;a&gt;</code> elements) for the one I clicked.</p>
  
  <pre><code>    $(".target").click(){
          // how to target the others two &lt;a&gt; elements to call removeClass on them?    
          $(this).addClass("selectedClass"); //add selected class to clicked element - still works
      }
  </code></pre>