title: jQuery - Display Opposite (Invert Selection) Value of Select Dropdown
body: <p>I want to display Opposite value of Selected Dropdown list.</p>
  
  <p>If I select "<strong>Team A</strong>" from Batting dropdown, Then the <strong>bowling team should be "<em>Team B</em>"</strong> and vice versa.</p>
  
  <h2>HTML</h2>
  
  <pre><code>Batting: 
  &lt;select class="battingTeam"&gt;
    &lt;option&gt;-- Select Team --&lt;/option&gt;
    &lt;option&gt;Team A&lt;/option&gt;
    &lt;option&gt;Team B&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div id="bowlingTeam"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>
  
  <h2>jQuery</h2>
  
  <pre><code>$(document).ready(function(){
      $(".battingTeam").change(function(){
          $("#bowlingTeam").html( 'Bowling:' + this.options[this.selectedIndex].textContent);
       });                      
  });
  </code></pre>
  
  <p><br></p>
  
  <h2><a href="http://jsfiddle.net/24427kda/" rel="nofollow">FIDDLE</a></h2>