title: $(document).ready not called after Ajax call
body: <p>Here is my main page, when page loads, 'page1' is displayed automatically, whenever radio button is toggled 'div' contents are updated through ajax </p>
  
  <pre><code> &lt;html&gt;
     &lt;input type="radio" name="radioOption" id="page1" checked="checked"/&gt;
     &lt;input type="radio" name="radioOption" id="page2"/&gt;
     &lt;div id="page1"&gt;&lt;jsp:include page="page1"/&gt;&lt;/div&gt;
     &lt;div id="page2"&gt;&lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Ajax call </p>
  
  <pre><code>$(document).ready(function() {
     $('input:radio[name="radioOption"]').on("click", function(e) {
          $.ajax(url:"url", success:function(result){
             $("#page1").empty();
             $("#page2").html(result); 
          };)
      });
  });
  </code></pre>
  
  <p>nothing special about page1 and page2, they are just forms with some inputs and submit button</p>
  
  <pre><code>&lt;form name="someForm"&gt;
     &lt;input type=text name="userName"/&gt;
      &lt;button type="submit" id="save-button"/&gt; 
  &lt;/form&gt; 
  </code></pre>
  
  <p>Have some form validations that are called onClick of submit button like shown below</p>
  
  <pre><code>$(document).ready(function() {
      $('#someForm').bind('submit', function(e) {
         someValidationFunctions(); 
   });
  </code></pre>
  
  <p>My issue is, these validations are called when the page first loads normally, they are not triggered after the ajax div calls, what am I missing, any inputs appreciated   </p>