title: backbone.js click and blur events
body: <p>I'm having some trouble with blur and click events in backbone.  I have a view (code below) that creates a little search entry div with a button.  I pop open this div and put focus on the entry field.  If someone clicks off (blur) I notify a parent view to close this one.  If they click on the button I'll initiate a search.</p>
  
  <p>The blur behavior works fine, however when I click on the button I also get a blur event and can't get the click event.  Have I got this structured right?</p>
  
  <p>BTW, some other posts have suggested things like adding timers to the div in case its being closed before the click event fires.  I can comment out the close completely and still only get the blur event.  Do these only fire one at a time on some kind of first-com-first-served basis?</p>
  
  <pre><code>PB_SearchEntryView = Backbone.View.extend({
      template: _.template("&lt;div id='searchEntry' class='searchEntry'&gt;&lt;input id='part'&gt;&lt;/input&gt;&lt;button id='findit'&gt;Search&lt;/button&gt;&lt;/div&gt;"),
      events: {
          "click button": "find",
          "blur #part": "close"
      },
      initialize: function(args) {
          this.dad = args.dad;
      },
      render: function(){
          $(this.el).html(this.template());
          return this;
      },
      close: function(event){ this.dad.close(); },
      find: function() {
          alert("Find!");
      }
  });
  </code></pre>