title: Set element to select div for jQuery selectable
body: <p>I am building a web app that is using jQuery and the widget Selectable to let the user select multiple "files" (divs) on a page. This works fine but I want to specify so that they can only select a div if they click on the image (otherwise I cannot use the link without deselecting the others), how can I do this? Is there a way to deselect using this widget?</p>
  
  <p><strong>My jQuery code.</strong></p>
  
  <pre><code>&lt;script&gt;
  $(function() {
    $( "#selectable" ).selectable();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>This is my HTML code:</strong></p>
  
  <pre><code>&lt;div class="file" id="&lt;?php echo $i; ?&gt;"&gt;
  
  &lt;img src="images/file_icon.jpg" /&gt;
  
  &lt;a href="#"&gt;Information&lt;/a&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Found a good solution here: <a href="https://stackoverflow.com/questions/4331303/link-doesnt-work-inside-ui-selectable">Link doesn&#39;t work inside UI Selectable</a></p>