title: onClick Div checked unchecked checkbox
body: <p>I have multiple Divs based rows. Each row contains a check box.</p>
  
  <p>I want to click on that row anywhere, it should check uncheck that specific checkbox.</p>
  
  <p>Here is the what I tried till now <strong>DEMO</strong>: <a href="http://jsfiddle.net/kERYB/19/" rel="nofollow">http://jsfiddle.net/kERYB/19/</a>
  JS :</p>
  
  <pre><code>$('.row').click(function ()
  {
      $(this).closest(":checkbox").attr("checked", checked");
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="row"&gt;
  
    &lt;div class="left"&gt;
        &lt;input type="checkbox" class="cb-element" value="1" /&gt;    
    &lt;/div&gt;
  
    &lt;div class="left"&gt;
        &lt;select&gt;&lt;option&gt;choose&lt;/option&gt;&lt;/select&gt;    
    &lt;/div&gt;  
  
    &lt;div class="right"&gt;
        This is First Record    
    &lt;/div&gt;    
  
      &lt;div class="clear"&gt;&lt;/div&gt;    
  
  &lt;/div&gt;
  
  
  &lt;div class="row"&gt;
  
    &lt;div class="left"&gt;
        &lt;input type="checkbox" class="cb-element" value="1" /&gt;    
    &lt;/div&gt;
  
    &lt;div class="left"&gt;
        &lt;select&gt;&lt;option&gt;choose&lt;/option&gt;&lt;/select&gt;    
    &lt;/div&gt;     
  
    &lt;div class="right"&gt;
        This is Second Record    
    &lt;/div&gt;    
  
      &lt;div class="clear"&gt;&lt;/div&gt;    
  
  &lt;/div&gt;
  
  
  &lt;div class="row"&gt;
  
    &lt;div class="left"&gt;
        &lt;input type="checkbox" class="cb-element" value="1" /&gt;    
    &lt;/div&gt;
  
    &lt;div class="left"&gt;
        &lt;select&gt;&lt;option&gt;choose&lt;/option&gt;&lt;/select&gt;    
    &lt;/div&gt; 
  
    &lt;div class="right"&gt;
        This is Third Record    
    &lt;/div&gt;    
  
      &lt;div class="clear"&gt;&lt;/div&gt;    
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.row {
      width:300px;
      padding:4px;
      border:1px solid #000;
      margin:2px;
  } 
  
  .left {
      float:left;
      width:50px;
  }
  
  .right {
      float:right;
  }
  
  .clear {
      clear:both;
  }
  }
  </code></pre>