I have multiple tables that I need to populate. I use jQuery to loop through table cells. If table cell has `data-text` attribute I need to append `div` element. Div element will allow cell to have scroll bar vertical. This way table won't expend if text is too long. 

Here is example of my code:

```
$('#'+tabID+' table tr td').each(function(){
  elementID = $(this).prop('id').toUpperCase();
  value = $.trim(decodeURIComponent(obj.DATA[elementID]['value']));

  if($(this).attr('data-text')) {
    $(this).append('<div class="hm_textScroll">'+value+'</div>');
  } else {
    $(this).text(value).css({'color':'blue','font-weight':'bold'});
  }
});

```

Code above will append `div` element and set the value but the problem is that if I move to a different table and come back again one more div will append. That creates duplicate. I'm not sure what is the best way to prevent that? Or if there is a better way to work around this. If anyone have suggestions please let me know.

Thanks in advance.