title: Catch the onClick event on `span` tags
body: <p>I have got a lot of span tags inside my div elements. Each div has a unique id.I want to add an onclick event to the span elements in each div uniquley. How can i do that?</p>
  
  <pre><code>  &lt;div class="bootstrap-tagsinput"id="1"&gt;
    &lt;span class="tag label label-info"&gt;Access control lists&lt;/span&gt; 
    &lt;span class="tag label label-info"&gt;Network firewall&lt;/span&gt; 
    &lt;/div&gt;
  
  
    &lt;div class="bootstrap-tagsinput"id="2"&gt;
    &lt;span class="tag label label-info"&gt;Access control lists&lt;/span&gt; 
    &lt;span class="tag label label-info"&gt;Network firewall&lt;/span&gt; 
    &lt;/div&gt;
  </code></pre>
  
  <p>My current script which catches all the span elements irrespective of the div.</p>
  
  <pre><code>      $('span.label-info').click(function() {
  
           var news=$('input[type=text][id="vuln&lt;?php echo $model-&gt;v_id;?&gt;"]').val()+','+$(this).text();
           $('input[type=text][id="vuln&lt;?php echo $model-&gt;v_id;?&gt;"]').val(news);
          return false;
  });
  </code></pre>
  
  <p>How can i catch click on span elements inside each div separately?</p>