title: next() function in jquery is not working as expected
body: <p>I know this is a duplicate question, but that question doesn't help me, because my problem is a little different.</p>
  
  <p>This is my <code>html</code> code :</p>
  
  <pre><code>&lt;select class="selector"&gt;
     &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
     &lt;option value="saab"&gt;Saab&lt;/option&gt;
     &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
     &lt;option value="audi"&gt;Audi&lt;/option&gt;
  &lt;/select&gt;
  &lt;div class="show" style="display:none;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This is my <code>jQuery</code> code :</p>
  
  <pre><code>if($('.selector').val()=="volvo")
     $(this).next('.show').show();
  </code></pre>
  
  <p>So, what I want is, if the <code>&lt;selector&gt;</code> has the value "volvo", its next div(which has the class "show") will show up, otherwise not. Here, I am not using any <code>change</code> event. I want this happen after the page has been loaded.</p>
  
  <p>I tried this too :</p>
  
  <pre><code>if($('.selector').val()=="volvo")
     $(this).next().show();
  </code></pre>
  
  <p>But same result, nothing happens, the <code>&lt;div&gt;</code> doesn't show up.</p>
  
  <p>What should I do now ?</p>