title: Paragraph not changing with Javascript
body: <p>I have the following HTML code. The div which contains the <code>.sc_services_item_description</code> class, needs to be changed with javascript. So I tried the following:</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-js lang-js prettyprint-override"><code>target = document.querySelector('.sc_services_item_description p')
  target.innerHTML = "Paragraph text changed!"</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="swiper-slide swiper-slide-duplicate" data-style="width:100%;" style="width: 250px; position: relative;" data-swiper-slide-index="2"&gt;
    &lt;div class="sc_services_item_wrap"&gt;
      &lt;div id="sc_services_1448898461_3" class="sc_services_item sc_services_item_3 odd"&gt;
        &lt;div class="sc_services_item_featured post_featured"&gt;
        &lt;/div&gt;
        &lt;div class="sc_services_item_content"&gt;
          &lt;h4 class="sc_services_item_title"&gt;&lt;a href="http://sifaclinic.nl/wordpress/services/acupunctuur/"&gt;Acupunctuur&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="sc_services_item_description"&gt;
            &lt;p&gt;Een bewezen behandelmethode die stamt uit de Traditionele Chinese Geneeswijze.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>However, it's not working. Can someone explain me what I'm doing wrong?</p>
  
  <p>edit: works over here, but not on my <a href="http://sifaclinic.nl/wordpress/therapieen/" rel="nofollow noreferrer">website</a>.</p>