title: How to make contenteditable to child element using JQuery
body: <p>I'm having a set of html codes with a class of <code>nitssection</code>, I'm displaying the buttons <code>onclick</code> event of <code>JQuery</code>, I've some text under it, I'm trying to make it <code>contenteditable</code> <code>onclick</code> event, but I guess the <code>nitssection</code> click event is not making it true. As I can see <code>.nitssection</code> event is working, on clicking I can see my buttons. Like for example my HTML code looks like:</p>
  
  <pre><code>&lt;div class="section nitssection" data-nitsid="3"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-4"&gt;
                  &lt;div class="box-content"&gt;
                      &lt;h4 class="box-title nitstext"&gt;&lt;a href="text.html"&gt;Some text&lt;/a&gt;&lt;/h4&gt;
                      &lt;p class="nitstext"&gt;Paragraph&lt;/p&gt;
                      &lt;a href="text.html" class="btn btn-sm style4 hover-blue"&gt;Read more&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>for displaying buttons I've:</p>
  
  <pre><code>$('.nitssection').click(function(e) {
      $('#' + nitsid).css({
          //Displaying buttons
      }).fadeIn(400);
      $(this).click(function(e){
          e.stopPropagation();
      })
  });
  </code></pre>
  
  <p>For making <code>nitstext</code> class as contenteditable, I'm tyring:</p>
  
  <pre><code>$('.nitssection').find('a').each(fucntion () {
       $(this).removeAttr("href");
  });
  $('.nitstext').click(function () {
     $(this).attr("contenteditable", "true");
  });
  </code></pre>
  
  <p>I'm not able to achieve this. Help me out.</p>