title: On page load change span text using JavaScript
body: <p>I want to change the text of a span that does not have an ID, but has a parent ID that I can hook to. My issue is it also has a strong tag that I want undisturbed. I want to change (over 50ft) to (over 75ft) on page load.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p class="form-row installment-fee form-row-wide" id="distance_fee_field" data-priority=""&gt;&lt;label class="checkbox "&gt;
          &lt;input type="checkbox" class="input-checkbox " name="distance_fee" id="distance_fee" value="1"&gt; 
          &lt;span class="added-checks"&gt;Extra-long driveway (over 50ft) &lt;strong&gt;+ $5.00/month&lt;/strong&gt;&lt;/span&gt;
          &lt;/label&gt;
  &lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>