title: Initialize more than one html element using jQuery and Javascript
body: <p>I have tried to lead my html element to fire my customized JS file's method.</p>
  
  <p>Third textarea appears nicely.</p>
  
  <p>First and second textareas does not effect any of the settings i am trying to change in myJSFile.js file.</p>
  
  <p><strong>Here's my problem : js file loads the last textarea nicely, but cannot initialize previous ones properly using my js methods.</strong></p>
  
  <p>I'm doing something wrong with my JS file, and i'd appreciate if you help me.</p>
  
  <p>P.S. : Initalizing some plugin and working on CKEditor.</p>
  
  <p><strong>Here's my HTML file :</strong></p>
  
  <pre><code>&lt;textarea id="myTextAreaID" name="myTextArea"&gt;&lt;/textarea&gt;
  &lt;script type="text/javascript" src="../public/js/myJSFile.js"onload="setTextAreaValues('myTextAreaID')"&gt;&lt;/script&gt;
  
  &lt;textarea id="myTextAreaID2" name="myTextArea2"&gt;&lt;/textarea&gt;
  &lt;script type="text/javascript" src="../public/js/myJSFile.js"onload="setTextAreaValues('myTextAreaID2')"&gt;&lt;/script&gt;
  
  &lt;textarea id="myTextAreaID3" name="myTextArea3"&gt;&lt;/textarea&gt;
  &lt;script type="text/javascript" src="../public/js/myJSFile.js"onload="setTextAreaValues('myTextAreaID3')"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here's <strong>myJSFile.js</strong> file</p>
  
  <pre><code>var textAreaID;
  
  $(function(){
     var myTextArea = $('#'+textAreaID);
     //something is being loaded here, and it is loaded fine.
  });
  
  function setTextAreaParameters(param){
      textAreaID = param;
  }
  </code></pre>
  
  <p>Thanks in advance.</p>