title: Change text content of pre-set drop down list in JQuery
body: <p>I have the following HMTL, which includes a drop down list with pre-set content coming from a locked down CMS (BigCommerce).</p>
  
  <p>I am trying to change the text in the first value of the drop down list, but without success. The HTML is:</p>
  
  <pre><code>&lt;select name="return_action" id="return_action" class="Field350"&gt;
      &lt;option value=""&gt;-- Please Choose an Action (Optional) --&lt;/option&gt;
      &lt;option value="Repair"&gt;Repair&lt;/option&gt;
      &lt;option value="Replacement"&gt;Replacement&lt;/option&gt;
      &lt;option value="Store Credit"&gt;Store Credit&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want to change the innerHTML of the first option as below:</p>
  
  <pre><code>&lt;option value=""&gt;-- Please Choose an Action (Optional) --&lt;/option&gt;
  </code></pre>
  
  <p>Some of the code I have tried without success (ie: the text was changed but the rest of the options in the list were erased in the process):</p>
  
  <pre><code>$('#return_action').html('&lt;option value=""&gt;-- Please Choose an Action --&lt;/option&gt;');
  
  $('#return_action').val(0).html('&lt;option value=""&gt;-- Please Choose an Action --&lt;/option&gt;');
  
  $('#return_action').val(1).html('&lt;option value=""&gt;-- Please Choose an Action --&lt;/option&gt;');
  </code></pre>
  
  <p>Essentially I am trying to remove the "(optional)" text from the default selection message.</p>
  
  <p>I appreciate any suggestions. Thanks in advance!</p>
  
  <p>M</p>