title: Script to change h3 class into h2 class
body: <p>There is some code in a php file of the theme that needs to become h2 instead of h3. I can't do this with a child theme, because it is in an include file. </p>
  
  <p>This is a snippet of the piece of code I like to change: </p>
  
  <pre><code>$ret .= '&lt;div class="gdlr-item-title-wrapper gdlr-item ' . $item_class . ' "&gt;';
  
                  $ret .= '&lt;div class="gdlr-item-title-head"&gt;';
                  if(!empty($atts['title'])){
                      $ret .= '&lt;h3 class="gdlr-item-title gdlr-skin-title gdlr-skin-border"&gt;' . $atts['title'] . '&lt;/h3&gt;';
                  }
                  if( !empty($atts['carousel']) ){
                      $ret .= '&lt;div class="gdlr-item-title-carousel" &gt;';
                      $ret .= '&lt;i class="icon-angle-left gdlr-flex-prev"&gt;&lt;/i&gt;';
                      $ret .= '&lt;i class="icon-angle-right gdlr-flex-next"&gt;&lt;/i&gt;';
                      $ret .= '&lt;/div&gt;';
                  }
  </code></pre>
  
  <p>I have been looking for a way to do this. I read about some things, and thought maybe this could work. But i am affraid it did not work for me yet. Am I doing it all wrong? </p>
  
  <pre><code>&lt;script&gt;
  jQuery(document).ready(function(){
    $(function () {
              $("gdlr-item-title gdlr-skin-title gdlr-skin-border").click(function () {
                  $("h3").replaceWith(function () {
                      return "&lt;h2&gt;" + $(this).text() + "&lt;/h2&gt;";
                  });
              });
          });
  });
  &lt;/script&gt;
  </code></pre>