JQuery передать переменную из 1 функции в другую функцию

Question

Я выполняю трехэтапное упражнение jQuery, когда последний шаг требует получения информации из предыдущей функции.Первые 2 шага работают.Однако я не могу запустить третью функцию.

1-й шаг = пользователи выбирают категорию из выпадающего меню JavaScript:

var selectedCategory;
var textNameOfBusinessCategorySelected;
var nameOfBusinessesUnderCategory;
function businessListingResults(databaseList) {
  selectedCategory = $("#select-business-listing option:selected").val();
  textNameOfBusinessCategorySelected = $("#select-business-listing option:selected").text();
  nameOfBusinessesUnderCategory = databaseList[selectedCategory];
  for (findBusinessNamesUnderCategory in nameOfBusinessesUnderCategory) {
       $("#listingResults").append("<li>" + findBusinessNamesUnderCategory + "</li>");
       console.log(findBusinessNamesUnderCategory);
  } // line ends for in loop
} // line closes function

HTML:

<h4 class="title">Select a Category from the drop down menu to check your local businesses</h4>
  <select id="select-business-listing" name="submitted[select_your_program]" class="select-a-business">
    <option value="musEnt">Music and Entertainment</option>
    <option value="paint">Paint</option>
  </select>
  <br/>
  <button class="listingsBtn" onclick="businessListingResults(businessListings)">Search Listings</button>
</div>
<p id="listingResults"></p>

2-йstep = Предприятия под категорией появляются в списке ul, и пользователь выбирает бизнес JavaSript:

function clickListingLink() {
  // function is for when a link is clicked after list of businesses appear
  $('#listOfBusinesses').on('click','li', function(){     
    console.log('you clicked me'); 
    seeListingInfoTable(); 
    $("hr").show();    
  });
}

3-й шаг = Как только пользователь выбирает бизнес из списка ul, появляется таблица с этой бизнес-информацией,Это та часть, которую я не могу заставить работать.Ниже приведена таблица для бизнеса, но она не появляется после щелчка по бизнесу. JavaScript:

function seeListingInfoTable() {
  var tbl = "";
    tbl += '<table class="table table-hover">';
    tbl += '</table>';
      tbl += '<tbody>';
      tbl += '<caption class="listingTitle">' + titleOfBusinessSelected + '</caption>';
      tbl += '<tr>';
      tbl += '<th>Address</th>';
      tbl += '<th>Phone Number</th>';
      tbl += '<th>Website</th>';
      tbl += '<th>Specialty</th>';
      tbl += '</tr>';
      tbl += '<tr>';
      tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' + businessLinkSelected["Address"] + '</div></td>';
      tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' + businessLinkSelected["Phone Number"] + '</div></td>';
      tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' + businessLinkSelected["Website"] + '</div></td>';
      tbl += '<td><div class="row_data" edit_type="click" col_name="fname">' + businessLinkSelected["Specialty"] + '</div></td>';
      tbl += '</tr>';
    tbl += '</tbody>';
    tbl += '</table>';
    $(document).find("#infoTable").html(tbl);
} // line ends seeListingInfoTable function

Я не уверен, как связать переменные с табличной функцией, чтобы информацияможет появиться в таблице для любой опции, выбранной пользователем.