title: What has caused my partial view inside the div element of the view to become paralyze?
body: <p>I used ajax script and a partial view to post and retrieve a data without any postback or view flickering. Using the ajax script below would return the partialview with its content in a specified div element called <strong>"ajaxcom"</strong> as you  can see on the script below. Now, I noticed that after the <strong>data("which is the partialview")</strong> is retrieve and displayed on <strong>the specified div element of a view,</strong> it seems that it's like a <strong>static</strong> or it became like <strong>read-only file</strong> because it doesn't respond anymore, in which I meant that, on that partialview I have some functionalities like button to click with corresponding jquery codes but it's not even firing or responding when you click any button on it. Is this normal scenario that if you want to display a partial view in a specified div element using ajax script would behave like this? If so, what are my options here if I still want to resume the functionalities within that partial view like I want to click a button on it? Any thoughts or suggestions? Thanks...</p>
  
  <p><strong>Ajax Script:</strong></p>
  
  <pre><code>$.ajax({
      url: '/AjaxComms/AjaxComments',
      type: "POST",
      data: dataObject, 
      dataType: "json",
      success: function(result) {
          $.ajax({
              url: '/AjaxComms/DisplayPartial',
              type: "GET",
              contentType: 'application/html; charset=utf-8',
              data: dataObject, 
              dataType: "html",
              success: function (result) {
                  $('#ajaxcom').html(result); // this is where I'm displaying my partial view
              }
          })
      },
      error: function (result) {
          alert(status);
      }
  });
  </code></pre>
  
  <p><strong>PartialView:</strong></p>
  
  <pre><code>@model CRUD_AJAX.Models.CommentReplyModel
  
  &lt;script src="~/Scripts/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/jquery.validate.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/jquery.validate.unobtrusive.min.js"&gt;&lt;/script&gt;
  
  &lt;table id="mytable"&gt;  
  
    @foreach (var item in Model.Comments )
        {
      &lt;tr &gt;
          &lt;td class="tdstyle" &gt;
  
    &lt;div style="font-weight:bold;"&gt;  @Html.DisplayFor(modelItem =&gt; item.name) &lt;/div&gt; 
  
     &lt;p class="comment more" style ="white-space: pre-line; margin-top:0px;margin-bottom:0px; border-radius: 4px 4px 4px 4px; max-width :500px; min-height :5px;  display :block; background-color: #CCCCFF"&gt;  @Html.DisplayFor(modelItem =&gt; item.comment) &lt;/p&gt;
    &lt;p style="margin-top:2px;margin-bottom:0px"&gt; &lt;input type="button" id="like" name="like" value="Like" style="color:blue;border:0px;background-color:inherit;cursor:pointer" /&gt; &lt;input type="button" class ="Reply" name="Reply" value="Replie(s)"  style="margin-bottom:0px;color:blue;border:0px;background-color:inherit;cursor:pointer" /&gt;&lt;/p&gt;
  
     &lt;div id="divReply" class ="divrep" style=" position:relative;left:50px; overflow:auto;margin-top:0px;margin-bottom:0px"&gt;
             &lt;table&gt;
             @foreach (var item2 in Model.Replies.Where(r =&gt; r.Id == item.Id))
                {
                   &lt;tr &gt;
  
                       &lt;td &gt;
                           &lt;div style="font-weight:bold;"&gt; @Html.DisplayFor(modelItem =&gt; item2.name) &lt;/div&gt; 
  
                       &lt;p class="comment more" style ="margin-top:0px;margin-bottom:0px;white-space:pre-line; border-radius: 4px 4px 4px 4px; max-width :445px; min-height :5px;  display :block; background-color: #CCCCFF;"&gt;@Html.DisplayFor(modelItem=&gt;item2.reply)  &lt;/p&gt;
  
                     &lt;/td&gt;
                   &lt;/tr&gt;
                } 
              &lt;/table&gt;      
  
         &lt;div class="editor-field" style="display:none; margin-bottom:5px;margin-top:5px"&gt;
          &lt;input type="text" id="comidvalue" name="idrep" value="@Html.DisplayFor(modelItem =&gt; item.Id)" /&gt;
           &lt;span class="field-validation-valid" data-valmsg-for="idrep" data-valmsg-replace="true"&gt;&lt;/span&gt;
         &lt;/div&gt;
        &lt;br /&gt;
         &lt;input type="text" id="namerep" name="namerep" style="width:445px;resize:none" /&gt;
         &lt;span class="field-validation-valid" data-valmsg-for="namerep" data-valmsg-replace="true"&gt;&lt;/span&gt;
        &lt;br /&gt;
        &lt;textarea id="reply" name="reply" style="width:445px;height:100px;resize:none" &gt;&lt;/textarea&gt;
        &lt;span class="field-validation-valid" data-valmsg-for="reply" data-valmsg-replace="true"&gt;&lt;/span&gt;
           &lt;br /&gt;
  
         &lt;input type="button" class="postrep" value="Post Reply" name="butname" style="cursor:pointer" /&gt; 
  
  
              &lt;br /&gt;
       &lt;/div&gt;
  
          &lt;/td&gt;       
      &lt;/tr&gt;
  
      }
  
  &lt;/table&gt;
  </code></pre>