title: Popup on click of a column jquery
body: <p>Based on <a href="https://stackoverflow.com/questions/24968756/making-a-responsive-popup-that-appears-on-table-row-click">this</a> stackoverflow post
  I was trying to implement the following <a href="http://jsfiddle.net/TLx4Y/41/" rel="nofollow noreferrer" title="jsfiddle">jsfiddle</a></p>
  
  <p>Just that instead of applying the click functionality on the whole row, I just have to apply it on a single column.</p>
  
  <p>So instead of</p>
  
  <pre><code>$('tr.popupOpen').click(function () {
  </code></pre>
  
  <p>I used</p>
  
  <pre><code>$('td.popupOpen').click(function () {
  </code></pre>
  
  <p>and instead of</p>
  
  <pre><code>&lt;tr class="popupOpen" data-href="#entry1"&gt;
      &lt;td&gt;&lt;/td&gt;
  </code></pre>
  
  <p>I gave </p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="popupOpen" data-href="#entry1"&gt;
  </code></pre>
  
  <p>But I am not able to call the corresponding click method after this change. Can someone let me know what I should be doing to make it work.</p>