<a href="#" id="delete">This Link Works</a>

<ul id="sortable">
    <div id="item-1" class="flip">
        <li id="item-1" class="ui-state-default">
            <div class="card">
                <div class="face front">
                    <div id="container_1">1
                    <P>Click to flip<BR>Drag to sort
                    </div>
                </div>
                <div class="face back">
                    <div>
                        <a href="#" id="delete">These Link Don't Work</a>
                    </div>
                </div>
            </div>
        </li>
    </div>
</ul>

$(function () {
      $("#sortable").sortable();
      $("#sortable").disableSelection();
  });

  $(document).ready(function () {
      $('.flip').click(function () {
          $(this).find('.card').addClass('flipped').mouseleave(function () {
              $(this).removeClass('flipped');
          });
          return false;
      });
  });

  $("#delete").click(function () {
      alert('Yup');
  });