Change text inside dynamic div when on select change is made jquery
<p>I have a title for my drop down that is dynamically given and I can currently change it when the page loads. But once I select an item from the drop down it changes back. I am looking for a simple jquery js solution that can help keep the name when an item is selected.</p>

<p>I need to change the text in: #shippingStateSpan  from Destination State -> Destination Province and leave that way even after something is selected.</p>

<p>Here is my html:</p>

<pre><code>&lt;div class="shippingStateDiv"&gt;
    &lt;span id="shippingStateSpan"&gt;Destination State&lt;br /&gt;
    &lt;/span&gt;
    &lt;select name="shippingState" id="shippingState" class="shippingDropDown"
         onchange="ApplyTaxRate(this.value,4040828,1,1,0);"&gt;
             &lt;option value="-1" selected="selected"&gt;Please Select&lt;/option&gt;
             &lt;option value="129654"&gt;AB&lt;/option&gt;
             &lt;option value="129653"&gt;BC&lt;/option&gt;
             &lt;option value="129652"&gt;MB&lt;/option&gt;
             &lt;option value="129647"&gt;NB&lt;/option&gt;
    &lt;/select&gt;
&lt;/div&gt;
</code></pre>

<p>Here is my js I use to make the change on initially (But it changes back after I select something) I assume a jquery .on function may be possible but I an not sure how to do it. Thanks for the help.</p>

<pre><code>&lt;script type="text/javascript"&gt;
     $("#shippingStateSpan").text("Destination Province");
&lt;/script&gt;
</code></pre>
