I want to replace some headers by images, so I would have nice font.For example

```
<div class="latest_news">
  Latest News
</div>

```

For SEO there would be text, but for user - nice image. Also jquery script could recodnise links, so if i want to replace email address, it still would be clickable. For example:

```
<div class="email_me">
  <a href="mailto:info@mydomain.com">info@mydomain.com</a>
</div>

```

script should replace/move text to be invisible and put

```
<div class="email_me">
  <a href="mailto:info@mydomain.com"><img src="images/email.png" style="...;border:0;" alt="info@mydomain.com" /></a>
</div>

```

How can i do that in jquery/css?