Replace not a function

Replace not a function

Hey everyone, 

I'm trying to replace/trim out some unwanted text from an ajax call. I've tried using .replace, .trim and .slice and keep getting the same error that none of these are functions. My impression is that this error only happens when I try to target numerical values and not string elements. 

  2. $(function displayGroupItems() {
  3. $('.group-submit').click(function(event) {
  4. $.ajax({
  5. url:'ldap/groups',
  6. method: 'GET',
  7. dataType: 'json',
  8. success: function(data) {
  9. $(this).replace("/cn/g", " ");
  10. $.each(data.groups, function(i, dn) {
  11. output = '<li class="dn-wrapper">' +'<span class="dn-class">'+ dn.dn +'</span>' + '</li>';
  12. $(output).appendTo('#groups-list');
  13. });
  14. }
  15. })
  16. });

  18. });
  Here are some ways I've tried this:
  1. $(output).appendTo('#groups-list').replace('/cn/g',' ');

  2. output = '<li class="dn-wrapper">' +'<span class="dn-class">'+ dn.dn +'</span>' + '</li>';
  3. $(this).replace("/cn/g", "2")
  4. $(output).appendTo('#groups-list');

  2. var str = $(this).replace("/cn/g", "2")
  3. output = '<li class="dn-wrapper">' +'<span class="dn-class">'+ dn.dn +'</span>' + '</li>';
  4. $(output).appendTo('#groups-list');

The ajax returns values such as cn=group1, ou=example, etc.. I would like everything except Group1 to be removed upon success.

Let me know if I'm on the right track if I'm missing something obvious.

Thanks!