title: Selecting one element with multiple selectors in Jquery
body: <p>Im kinda new to Jquery, so this might be easy, then again i cant seem to find anything on Google. So here goes.</p>
  
  <p>I basically have this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div id="row1" class="col1" onMouseOver="OnMouseOver(11)"&gt;
           I dont want to select this
      &lt;/div&gt;
      &lt;div id="row1" class="col2" onMouseOver="OnMouseOver(12)"&gt;
           I want to select this
      &lt;/div&gt;
      &lt;div id="row2" class="col1" onMouseOver="OnMouseOver(21)"&gt;
           I dont want to select this
      &lt;/div&gt;
      &lt;div id="row2" class="col2" onMouseOver="OnMouseOver(22)"&gt;
           I dont want to select this
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and i want to select just the one div(eg. #row1 .col2) to change the css background image, but i cant get it to work.
  As it is i have a switch/case block that chooses which div to select.</p>
  
  <p>i have tried different variaties of this selection:</p>
  
  <pre><code>$('#row1').find(".col1").css('background-image', 'url(Images/LosCol1Over.png)')
  </code></pre>
  
  <p>also</p>
  
  <pre><code>$('#row1','.col2').css('background-image','url(Images/LosCol1Over.png)')
  </code></pre>
  
  <p>and several other combi i can remember</p>
  
  <p>I think the problem is compounded(or confounded maybe :D) by the fact that the columns have the same background-image and this is set in the css by</p>
  
  <pre><code>.col1{
      background-image: url(Images/LosCol1.png)
  }    
  .col2{
      background-image: url(Images/LosCol1.png)
  }
  </code></pre>
  
  <p>Any ideas?</p>