title: Adding Event Listeners in JavaScript
body: <p>I have a JavaScript and divs defined using CSS3 classes. I need to add event listener to specific class div but it is not getting bound to it.  </p>
  
  <p>e.g.: </p>
  
  <pre class="lang-js prettyprint-override"><code>this._incrementEnabled = document.createElement('div');
  this._incrementEnabled.className = this._incrementButtonProperties.enabledClass;
  this.divElt.appendChild(this._incrementEnabled);
  
  if (this.properties.incrementButtonConfig.enabled == null) {
      this.properties.incrementButtonConfig.enabled = false;
  }
  
  this.setIncrementEnabled(this.properties.incrementButtonConfig.enabled);
  
  this._incrementEnabled.addEventListener('click', this._incrementButtonProperties.incrementSelectCallback, false);
  </code></pre>
  
  <p>and the CSS:  </p>
  
  <pre class="lang-css prettyprint-override"><code>.SchedMainCtrlIncrementBtn_En {
      position: absolute;
      top: 3px;
      left: 240px;
      display: inline-block;
      font-size: 28px;
      vertical-align: middle; 
      width: 35px;
      height: 65px;
      height: 35px;
      background: url("../../../images/icons/IcnListAddRecipient_En.png") no-repeat center;
  }
  </code></pre>