How to add html attributes in this JQuery
<p>I'm still new in this area, have few questions.</p>

<p>I have JQuery from this site: 
<a href="http://goskylar.com/wp-content/demos/jquery.hyphenate/" rel="nofollow">http://goskylar.com/wp-content/demos/jquery.hyphenate/</a></p>

<p>It is solve my problem regarding hyphenation.
However, when I put some html tag such as &lt;strong&gt; or &lt;u&gt; the result shows no effect.
My question is:
<br>Where and how should I add the function for css attribut so that it can shows the &lt;strong> or &lt;u> results?</p>

<p>--edited--</p>

<pre><code>&lt;script&gt;
(function($){$.fn.hyphenate=function(options) {
   settings=$.extend({oWidth:this.width()},options);

return this.each(function(){
  $(this).css({
    'width':settings.oWidth,
    'display':'block'
  });
  var str='';
  $.each($(this).text().split(' '),function(i,chunk){str+=splitChunk(chunk)+' ';});
  $(this).html(str);    
});

function splitChunk(str){
  if($('&lt;span&gt;&lt;/span&gt;').text(str).hide().appendTo(document.body).width() &gt; settings.oWidth)
  {var s=''; var i=0;
    while(i &lt; str.length)
    {
      s+=(str.slice(i,++i)+'&amp;shy;');
    }
    return s;
  }
  else
    return str;
    }
  };

})(jQuery);
&lt;/script&gt;

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Hyphenation&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;script&gt;
jQuery(document).ready(function(){
    $('#d4').hyphenate({oWidth:158});
});
&lt;/script&gt;

&lt;div id="d4"&gt;this will start with &lt;u&gt;spaces and this firstthisi&lt;strong&gt;sareallylongsentence&lt;/strong&gt;withlotsots&lt;/u&gt;andlotsofwords&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
