Событие щелчка td ячейки таблицы HTML с использованием идентификатора

У меня есть таблица HTML, как показано ниже.

HTML код:

<!-- ko foreach: $data.column_data -->
<td id = "dataCell" data-bind = "text: result"></td>
<!-- /ko -->

Я хотел бы поймать первое событие щелчка в ячейке таблицы и выделить эту конкретную ячейку красной рамкой.

И при втором щелчке я должен открыть всплывающее меню с двумя вариантами (скажем, option1, option2).

JS:

var clickCount = 0;

      $("#dataCell").click(function () {
        clickCount == 0 ? 1 : clickCount;
      });

Я не уверен, почему он не попадает в событие щелчка :(, я пробовал это довольно долгое время. Если я могу получить какую-либо помощь, было бы полезно двигаться дальше.