title: Changing dropdown selected text with jQuery
body: <p>So, i have a dropdown (on Bigcommerce site) with preselected value of "Please Choose an Option" that is used for size selection:</p>
  
  <pre><code>&lt;select name="attribute[95]"&gt;
          &lt;option value="" selected="selected"&gt;Please Choose an Option&lt;/option&gt;
  
                      &lt;option value="73"&gt;Small&lt;/option&gt;
                      &lt;option value="74"&gt;Medium&lt;/option&gt;
                      &lt;option value="75"&gt;Large&lt;/option&gt;
              &lt;/select&gt;
  </code></pre>
  
  <p>I am trying to change it with jQuery so instead of "Please Choose an Option" it says "Choose an option".
  So far i have this snippet:</p>
  
  <pre><code> &lt;script&gt;
              $(document).ready(function(){
                  $('select option:contains(\'-- Please Choose an Option --\')').text("Choose an Option")
              })
              &lt;/script&gt;
  </code></pre>
  
  <p>Which does the trick but only after the user clicks on the dropdown, aka, when the page loads, old text appears and new one is shown only if the person clicks on the dropdown...</p>
  
  <p>Any suggestions on what is wrong?</p>