Показать контекстное меню на $ (". Sim-row-edit"). Mousedown

Я хочу, чтобы меню правой кнопки мыши отображалось только при щелчке правой кнопкой мыши на $(".sim-row-edit").mousedown. Ниже мой код jQuery.

Обратите внимание, что когда я щелкаю правой кнопкой мыши, я вижу сообщение alert('Right mouse button!'), но не вижу меню.

// Function to test right click
  $(".sim-row-edit").mousedown(function(e){ 
    if ( e.button == 2 ) { 
      alert('Right mouse button!'); 
      // Trigger action when the contexmenu is about to be shown
$(document).bind("contextmenu", function (event) {
    // Avoid the real one
    event.preventDefault();
    // Show contextmenu
    $(".custom-menu").toggle(100).
    // In the right position (the mouse)
    css({
        top: event.pageY + "px",
        left: event.pageX + "px"
    });
});

// If the document is clicked somewhere
$(document).bind("mousedown", function () {
    $(".custom-menu").hide(100);
});

$(".custom-menu li").click(function(){
    // This is the triggered action name
    switch($(this).attr("data-action")) {
        // A case for each action. Should personalize to your actions
        case "first": 
            console.info("first"); 
            break;
        case "second": 
            console.info("second");
            break;
        case "third": 
            console.info("third"); 
            break;
    }
  });
      //return false; 
    } 
    //return true; 
  });

html-код меню:

   <a href = "#" class = "sim-row-edit" data-type = "link">Portfolio-</a>

    <!-- right click menu -->
    <ul class='custom-menu'>
      <li data-action = "first">First thing</li>
      <li data-action = "second">Second thing</li>
      <li data-action = "third">Third thing</li>
    </ul>

код меню css:

.custom-menu {
    display: none;
    z-index:1000;
    position: absolute;
    background-color:#fff;
    border: 1px solid #ddd;
    overflow: hidden;
    width: 120px;
    white-space:nowrap;
    font-family: sans-serif;
-webkit-box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 2px 7px 0px rgba(50, 50, 50, 0.5);
box-shadow:         2px 2px 7px 0px rgba(50, 50, 50, 0.5);
}

.custom-menu li {
    padding: 5px 10px;
}

.custom-menu li:hover {
    background-color: #4679BD;
    color: #fff;
    cursor: pointer;
}

Что не так в моем коде jQuery?