title: Should we Use $(document).ready() inside a self invoking function(IIFE) for binding the events to HTML elements
body: <p>There are Two implementation I am confused between :-</p>
  
  <pre><code> - **FIRST**
  // A self invoking function
  selfFunction = (function(){
  
       $(document).ready(function(){        
            applyBindings();
        });
  
       applyBindings = function(){           
          $("#btnSubmit").on("click",function(){//Do Something});
          .....
          .....
          .....
          //More Bindings
       };
  })();
  
  
  - **SECOND**
   // A self invoking function
   selfFunction = (function(){
  
        applyBindings();      
  
        applyBindings = function(){           
          $("#btnSubmit").on("click",function(){//Do Something});
          .....
          .....
          .....
          //More Bindings
        };
  })();
  </code></pre>
  
  <p>The Only difference is that in FIRST case I am binding the events using $(document).ready(). Where as in SECOND I am calling a function inside a Self invoking function.</p>
  
  <p>Both are getting the work done, but I want to know which one should be followed and why??</p>