Test Case Boilerplate

Fork this way...

HTML

<input type='button' value ='click to animate' />
<div class="scroll">
    I'm a div with Lots of text ->
    <br/>
<!-- start slipsum code -->

My money's in that office, right? If she start giving me some bullshit about it ain't there, and we got to go someplace else and get it, I'm gonna shoot you in the head then and there. Then I'm gonna shoot that bitch in the kneecaps, find out where my goddamn money is. She gonna tell me too. Hey, look at me when I'm talking to you, motherfucker. You listen: we go in there, and that nigga Winston or anybody else is in there, you the first motherfucker to get shot. You understand?
<!-- please do not remove this line -->

<div style="display:none;">
<a href="http://slipsum.com">lorem ipsum</a></div>

<!-- end slipsum code -->
</div>

CSS

* {
    /*we like elements on our page do be sized nicely*/
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
.scroll {
    width: 250px;
    height: 100px;
    overflow: auto;
}

JavaScript

$('input').click(function() {
    //clicking the button will loose the scrolling even tho it's still needed
    $('.scroll').animate({width:300},1000);
});