title: second jquery $(function(){...}) is not being loaded if there are two
body: <p>I have base.html which has all general code that will be inherited by other templates. </p>
  
  <p>and i have profile.html which inherits many things from base.html </p>
  
  <p>In base.html I have this: </p>
  
  <pre><code>&lt;script&gt;
   $(function(){
      alert('base');
   })
  &lt;/script&gt;
  </code></pre>
  
  <p>and this will be inherited by all templates. </p>
  
  <p>and in profile.html, next to inherited code, I have this also: </p>
  
  <pre><code>&lt;script&gt;
   $(function(){
      alert('profile');
   })
  &lt;/script&gt;
  </code></pre>
  
  <p>once I load the profile page, I am getting only <code>base</code>and not <code>profile</code> output. why is the second <code>$(function(){...})</code> not being loaded? </p>
  
  <p>I load jquery source in base.html. </p>