title: how to break heading into parts and add html span tag
body: <p>I am not very good with jQuery but I have a question to ask. </p>
  
  <p>I have a heading</p>
  
  <pre><code>&lt;h1 class="entry-title" itemprop="headline"&gt;
      This is: a heading (in different parts)
  &lt;/h1&gt;
  </code></pre>
  
  <p>The question is, is that possible that with the help of jquery, I can convert the above heading tag into</p>
  
  <pre><code>&lt;h1 class="entry-title" itemprop="headline"&gt;
      This is: &lt;span class="block1"&gt;a heading (&lt;span class="block2"&gt;in different parts&lt;/span&gt;)&lt;/span&gt;
  &lt;/h1&gt;
  </code></pre>
  
  <p>kindly guys help me how can i do that with jquery.</p>