Zanim moje pytanie ma sens, muszę wyjaśnić kilka rzeczy. Na mojej pierwszej stronie mam główny div, gdzie ładuję znaczniki z innej strony za pomocą metody jquery load (). HTML, który ładuję, jest połączony ze stroną .js, na której znajduje się mój skrypt. Strona js to miejsce, w którym manipuluję treścią głównego diva. Na mojej stronie js przechodzę przez tablicę zmiennych, które ściągam z bazy danych i dołączam () do głównej div. W pętli for zawijam każdy wiersz we własnym div i dołączam znacznik zakotwiczenia. Tag anchor jest tym, co chcę dołączyć do metody click (), aby móc wywołać funkcję po jej kliknięciu. Wypróbowałem między innymi selektor nadrzędny> podrzędny, ale nic nie działa dla znacznika zakotwiczenia. Mój kod:

//this is the query to my parse database

query.find({
  success: function(results) {
    for (i = 0; i < results.length; i++){

        activity = results[i].get("activity");
        scene = results[i].get("location");
        neighborhood = results[i].get("neighborhood");
        date = results[i].get("date");
        details = results[i].get("details");
        time = results[i].get("time");
        search.push([activity, scene, neighborhood, date, details, time]);

        for (i = 0; i < search.length; i++) {

            //append each row of results to mainDiv inside of their own div with an anchor tag at the end of each row.
            //when the anchor tag is clicked I want to call a function, but none of the selectors I've tried have worked. 

            $('#mainDiv').append("<div id='event'>" + search[i].join(' ') + "<a href='#' id='interested'>Interested?</a></div>");
        }

    };// closes for loop
    },//closes success function
  error: function(error) {
    alert("Error: " + error.code + " " + error.message);
  }
}); //closes find