title: jquery .live function throwing error "Object [object Object] has no method 'live'"
body: <p>I was trying to add a <code>click</code> event to a div Id in my project but it's throwing an error. I do not know why. Could some one please have a look at the code?</p>
  
  <p>HTML:</p>
  
  
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="header1"&gt;
          &lt;input type="button" value="Search and Highlight!!" style="position: absolute; right: 100px; top: 10px;" /&gt;
      &lt;/div&gt;
  ...
  </code></pre>
  
  <p>jQuery:</p>
  
  
  
  <pre><code>  var searchAttachPoint = document.querySelector('.header1');
    $('#header1').live("click", function () {
        myNameSpace.searchPrompt("Key the text and press Ok", false)
    }); // The error is thrown in this line
    var attachpoint = document.querySelector('.buttonAttachPoint');
    $(document).on('load', myNameSpace.LoadAllBooks("ajax/metadata.json", this.attachpoint));
  </code></pre>