How to make links in element availible when clicking on this element checks a checkbox?
<p>I have links inside an article element. While clicking on the element a checkbox achieves checked attribute. But links inside this element are inactive.</p>

<p>How could i improve this script to make the links available?</p>

<p><a href="http://jsfiddle.net/57GsC/" rel="nofollow">http://jsfiddle.net/57GsC/</a></p>

<pre><code>&lt;article class="post short-post"&gt;
   &lt;header&gt;&lt;h3 class="post_title"&gt;&lt;a href="/posts/2"&gt;Yo&lt;/a&gt;&lt;/h3&gt;&lt;/header&gt;
    &lt;input type="checkbox" value="" name="post_check" class="post-check center-align"&gt;
    &lt;div class="post-body"&gt;Mauris nec nisl justo. Suspendisse quis metus venenatis turpis feugiat euismod ac semper arcu. Vestibulum &lt;/div&gt;
    &lt;footer&gt;
        &lt;div class="links"&gt;
         &lt;a class="edit button" href="/posts/2/edit"&gt;Edit Post&lt;/a&gt;
         &lt;a rel="nofollow" data-method="delete" class="delete button" href="/posts/2"&gt;Delete a Post&lt;/a&gt;
         &lt;a class="view button" href="/posts/2"&gt;View&lt;/a&gt;
        &lt;/div&gt;
    &lt;/footer&gt;
&lt;/article&gt;

$(".short-post").click(function(evt) {
  var $checkbox;
  if (evt.target.type !== "checkbox") {
    $checkbox = $(":checkbox", this);
    $checkbox.attr("checked", !$checkbox.attr("checked"));
    evt.stopPropagation();
    return false;
  }
});
</code></pre>
