On the recommendation of someone on stackoverflow, I used jquery succint <https://github.com/micjamking/Succinct> to truncate my posts on a php site. 

It works perfectly however, I encountered a small issue (for me)... I changed the elipses to custom text saying "Read More" like this

```
<script>
    $(function(){
        $('.mypost a').succinct({
            omission: '...Read More'
        });
    });
</script>

```

That would be perfect, but I want to wrap the "Read More" that succint adds on the truncated text with a span tag. 

Currently if I wrap it in a span it renders the whole span html as text. The simple effect I am trying to achieve is to make the "Read More" text a different color then the ".mypost a" text that it is truncating. 

if I can wrap it in a span, I can add the css .mypost a span {color:#f00;}

And get the desired outcome. 

Does anyone have a suggest to make this possible?