title: HtmlBox (jquery Plugin) not working in ajax call
body: <p>I am using .net framework 4.0 with MVC. </p>
  
  <p>I have included HTMLBox (jquery plugin) in my page as I need a WYSWYG editor for my Text area control. </p>
  
  <p>I have a partial view called Instruction where I declare the Textarea control as:</p>
  
  <pre><code>@Html.TextAreaFor(model =&gt; model.Instruction, new {@cols = 80, @rows = 10 })
  </code></pre>
  
  <p>On a Ajax call I populate this Partial view on my page. Like this:</p>
  
  <pre><code> function EditInstruction(progId) 
      {
              var getUserUrl = '@Url.Action("")';
              var courseType =  $('input:radio[name=CourseType]:checked').val();
              var acadYr = $("#AcadYear").val();
              var sem = $("#Sem").val();
  
              $.ajax({
                  url: '@Url.Action("EditInstruction", "CustomizeInstructionsAndCheckList")',
                  data: { progId: progId, acadYr: acadYr, sem: sem, courseType: courseType },
                  cache: false,
                  type: "get",
                  // callback handler that will be called on success
                  success: function (response, textStatus, jqXHR) {
  
                 $("#PartailLoadForCheckList").html($(response));  
                 callAjaxCallsForCascade(getUserUrl.toString());
                 TextEditorForDisplay();
  
  
                  },
                  // callback handler that will be called on error
                  error: function (jqXHR, textStatus, errorThrown) {
  
                  },
                  // callback handler that will be called on completion
                  // which means, either on success or error
                  complete: function () {
  
                  }
              });
          }
  
   This is the code for TextEditorForDisplay(), where I initialize my HtmlBox
  
   function TextEditorForDisplay() {
  
          mybox = $("#Instruction").htmlbox({
         toolbars:[
          [
          // Cut, Copy, Paste
          "separator","cut","copy","paste",
          // Undo, Redo
          "separator","undo","redo",
          // Bold, Italic, Underline, Strikethrough, Sup, Sub
          "separator","bold","italic","underline","strike","sup","sub",
          // Left, Right, Center, Justify
          "separator","justify","left","center","right",
          // Ordered List, Unordered List, Indent, Outdent
          "separator","ol","ul","indent","outdent",
          // Hyperlink, Remove Hyperlink, Image
          "separator","link","unlink","image"     
          ],
          [// Show code
          "separator","code",
          // Formats, Font size, Font family, Font color, Font, Background
          "separator","formats","fontsize","fontfamily",
          "separator","fontcolor","highlight",
          ]
          ],
          icons: 'default',
          skin: 'blue',
          success: function () { alert("Successfully posted"); },
          error: function () { alert("Error posting"); }
          });
  
  
  
      }
  The problem I face is that, the HtmlBox works only when it is Loaded first and does not work for the subsequent ajax calls. 
  </code></pre>
  
  <p>This is the error I get: <code>TypeError: d.iframe.contentWindow is null</code></p>
  
  <p>Can anyone help me on this?</p>
  
  <p>Thanks</p>