title: Avoid immediate executing of a function in Jquery
body: <p>I have this function executed in a script</p>
  
  <pre><code>$(document).ready(documentReady);
  
  function documentReady(){
        console.log("Ready");
        $(".loadMore").on("click",loadMoreClicked(this.id));
  }
  
  function loadMoreClicked(elementID){
  //do something with elementID
  }
  </code></pre>
  
  <p>However, everytime the document loads up, it executes <strong>instantly</strong> the <code>loadMoreClicked</code> function - thus giving an error. </p>
  
  <p>It seems that if I just want to assign a function to the <code>click</code> event without it being executed directly, I have to remove any argument. 
  Why does it happen, and how can I avoid it?  </p>