title: JQuery - Clickable div - absolute beginner
body: <p>I want my entire DIV to be clickable, looked-up on the web some solutions, including the one below...but can't achieve desired result..</p>
  
  <p>Here is  the script that i included in the header of my HTML file.</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;    
  
  &lt;script&gt;
  $(".clickable").click(function() {
  var href = $(this).attr("data-href");
  window.location.href = href;
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>and my DIV code:</p>
  
  <pre><code>    &lt;div class="my_account_container"&gt;
      &lt;span class="my_account_title"&gt;Collections
  
      &lt;div class="my_account_sub_container clickable" data-href="http://www.google.com"&gt;
          &lt;span class="my_account_sub_container_title"&gt;My subscriptions&lt;/span&gt;
      &lt;div class="my_account_counts_container"&gt;
          &lt;span class="my_account_counts_text"&gt;12&lt;/span&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>But I can'y make it work !  thanks in advance for helpI</p>