title: reparse the html page/ part of it using jquery on updating some part using Ajax
body: <p>Since, I am new to jQuery I am facing problem in parsing html data retrieved from ajax.</p>
  
  <p>I have a form which is using ajax to post form data and retrieve the content back to that page by adding one div ( on the same page as that of form ) to display that data.</p>
  
  <p>I want to perform some jQuery / Javascript operations on that data, but since I am not reloading the page, jQuery or javascript is not able to parse that data. </p>
  
  <p>How can I force javascript or jquery to reparse the  whole page without loading it.</p>
  
  <p>Here is the code</p>
  
  <p>html</p>
  
  <pre><code>&lt;div class="col col-lg-9 search-data well"&gt;
              &lt;div class="no-results"&gt;
                  Search Results will appear here.
              &lt;/div&gt;
          &lt;/div&gt; 
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$('.search-form').click(function(e)
      {
          console.log('same-page');
          e.preventDefault();
          var form_var = this.form;
          var postData = $(this.form).serialize();
          var formURL = $(this.form).attr("action");
          $.ajax(
          {
              url : formURL,
              type: "POST",
              data : postData,
              success:function(data, textStatus, jqXHR) 
              {
                  // console.log(data)
                  $('.search-data').empty();  // Delete all child nodes
                  $('.search-data').html(data); 
              },
              error: function(jqXHR, textStatus, errorThrown) 
              {
                  $('.search-data').empty();  // Delete all child nodes
                  $('.search-data').html(data);       
              }
          });
          return false;
      });
  </code></pre>
  
  <p>Thankyou</p>