Adding an Attribute to a Clicked Element on a Page Being Displayed in an Iframe

Adding an Attribute to a Clicked Element on a Page Being Displayed in an Iframe

Hi all, I am trying to add an attribute to the clicked element on a page that is being displayed in an Iframe. Below is my code inside the document ready function but it is not working:
  2. $('#Iframe').load(function () {
  3.     $(this).contents().find("body").on('click', function (event) {
  4.          var  a = event.target.tagName;
  5.          frameContent = $("#Iframe").contents().find(a);   
  6.          $(frameContent).click(function (e) {   
  7.             if ($(e.target).attr("contenteditable")=="undefined"){
  8.                $(e.target).attr("contenteditable","true")
  9.             }
  10.          });
  11.     }
  12. }

The following layout is similar to the layout of the page being displayed in the iframe
  2. <div>
  3.         sample  
  4.     <div> sample </div>
  5.     <p> sample </p>
  6.     <table><tr><td> sample </td></tr></table>
  7. <div>

I am trying to add the contenteditable to the element that is holding the text I click on.
Please help me solve this problem