title: How to add element div before text (How to append text within an element)
body: <p>Hello I have a element <code>&lt;a href='#'&gt;whatsapp-300&lt;/a&gt;</code> and i want select before this mark <code>-</code> and make it like this <code>&lt;i class='fa fa-whatsapp'&gt;&lt;/i&gt;</code> knowing that the word whatsapp is not fixed and can be facebook and others .. i want a way to do this either by JavaScript or jQuery .. and thank you :D</p>
  
  <p>What I mean is to pick the text before this tag <code>-</code> and put it inside its own element</p>