title: Add comma after every link
body: <p>I have an <code>ajax</code> call to call a handler and it's creating a link for categories that an item is in. The code works no problem, but I need to add commas and a space in between the links and I'm not too sure how. </p>
  
  <p>This is the code I'm using:</p>
  
  <pre><code>$('.Product').each(function () {
  
      var ProductRow = $(this);
      var ItemCode = $(this).find('.IDItemNumber').text()
      //GET UDF INFO
      $.ajax({
          url: ("/customer/somkaf/b2bse/handlers/GetItemCategories.ashx"),
          data: {
              "item_code": ItemCode
          },
          cache: false,
          type: "GET",
          async: true,
          success: function (response) {
              $(response).find("Category").each(function () {
                  var categoryName = $(this).find("Name").text();
                  var categoryLink = $(this).find("Link").text();
  
                  $(ProductRow).find('.CategoryLinkContent').append('&lt;a href="' + categoryLink + '"&gt;' + categoryName + '&lt;/a&gt;');
              });
          }
      });
  });
  </code></pre>
  
  <p>This code displays like so:</p>
  
  <p>View all items in this category: Closing Wheel Assemblies and PartsFOR MONOSEMFOR WHITEKINZE CLOSING WHEELS</p>
  
  <p>What I want is:</p>
  
  <p>View all items in this category: Closing Wheel Assemblies and Parts, FOR MONOSEM, FOR WHITE, KINZE CLOSING WHEELS</p>
  
  <p>I've tried using <code>join()</code> for the comma, like below but I get a console error that it isn't a function so maybe I'm placing it in the wrong area?</p>
  
  <pre><code>$(ProductRow).find('.CategoryLinkContent').append('&lt;a href="' + categoryLink + '"&gt;' + categoryName + '&lt;/a&gt;').join(','); 
  </code></pre>