Css - How can I change a watermark according to active tab?
<p>I have the following links:</p>

<pre><code>&lt;ul id='menu' class='menuAP'&gt;
  &lt;li id='navAppPop' class='active'&gt;
    &lt;a&gt;
        &lt;img src='assets/images/applicant.png' class='navImg'  /&gt;
        Applicant
    &lt;/a&gt;
  &lt;/li&gt;
  &lt;li id='navProvPop' class='provRight'&gt;
    &lt;a&gt; 
        &lt;img src='assets/images/Providers.png' class='navImg'  /&gt;
        Providers
    &lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Then I have:</p>

<pre><code>&lt;div id='watermark'&gt;&lt;/div&gt;
</code></pre>

<p>which contains my watermark. </p>

<p>How can I change it dynamically, when a certain tab is selected?</p>
