Target div with jQuery
<p>I have modified my code to streamline it a bit better. I need to be able to hide "old" span and show "new" one when "change" is clicked. I tried using siblings() but it does not appear to work. Am I missing something here:</p>

<pre><code>$(".new").hide();

$('.change').click(function() {
    $(".new").hide();
    $(this).siblings(".old").hide();
    $(this).siblings(".new").show();
});

&lt;div id="container"&gt;
  &lt;div&gt;
    &lt;div class="switches"&gt;
        &lt;span class="change"&gt;switch&lt;/span&gt;
        &lt;span class="go"&gt;go&lt;/span&gt;
    &lt;/div&gt;
    &lt;span class="old"&gt;old content&lt;/span&gt;
    &lt;span class="new"&gt;new content&lt;/span&gt;
  &lt;/div&gt;

  &lt;div&gt;
    &lt;span class="change"&gt;switch&lt;/span&gt;
    &lt;span class="old"&gt;old content&lt;/span&gt;
    &lt;span class="new"&gt;new content&lt;/span&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Thanks.</p>

<hr>

<p>UPDATE:</p>

<p>Please note that I have added another level of depth for my triggers placing it inside</p>

<pre><code>&lt;div class="switches"&gt;
</code></pre>

<p>Now I can't target the right div...</p>
