jQuery: Animate HTML DIV width on mouse hover

Hi,

How to animate HTML DIV width on mouse hover using jQuery?

<div id="dvContent" align="center" style="background: #61028D; width: 300px; border: 1px solid #61028D">
    <div style="width: 300px; padding: 0px">
        <h3 style="color:white">ASPSnippets</h3>
    </div>
</div>

When mouse hover on it, width should expand.