Jquery: add html to text

Question

I have some jquery that I am using to insert some text based on an IF statement, this works perfectly but I need to now add a new class to this text to style it, but when I do this it does not render anything.

Existing and working script.

      $(document).ready(function(){
        if($('.productdetail').length){
        }else{
       document.getElementById('listwrapper').innerHTML = "Sorry! Your search found no products, please adjust your filters. If you need help call (02) 9620 2424."
         } 
      });

What I did and broke it:

      $(document).ready(function(){
        if($('.productdetail').length){
        }else{
       document.getElementById('listwrapper').innerHTML = "<span class='sorry'>Sorry! Your search found no products, please adjust your filters. If you need help call (02) 9620 2424.</span>"
         } 
      });

Any advice or help would be awesome!

Answer 1

Use .html() in jquery

$(document).ready(function(){
        if($('.productdetail').length){
        }
        else{
              $('#listwrapper').html("<span class='sorry'>Sorry! Your search found no products, please adjust your filters. If you need help call (02) 9620 2424.</span>");
         } 
 });

Answer 2

Use like this.

 $(document).ready(function(){
    if($('.productdetail').length){
    }else{
   document.getElementById('listwrapper').html("<span class='sorry'>Sorry! Your search found no products, please adjust your filters. If you need help call (02) 9620 2424.</span>");}
  });