title: Object has no method Javascript
body: <p>I don't know why I am getting this problem. I have used prototype before in javascript and it works fine but for some reason it is not working here:</p>
  
  <p>test.html:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(document).ready(function(){
          UserOptions("test");
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>UserOptions.js:</p>
  
  <pre><code> function UserOptions(username){
      ...
      var userOptions = document.createElement("div");
      userOptions.className = "userOptions";
      **this.createBtns(userOptions);**
      userContainer.appendChild(userOptions);
  
  
      contentCenter.appendChild(userContainer);
      contentCenter.appendChild(br);
  
      BuddyList();
      }
  
      UserOptions.prototype = {
          createBtns:function(parent){
              var self = this;
              /* Add Buddy Button */
              var addBtnContainer = document.createElement("div");
              addBtnContinaer.className = "addBtnContainer";
      ...}
  </code></pre>
  
  <p>I keep getting the error Object has no method 'createBtns'</p>