Make hidden div appear then fade away?

Make hidden div appear then fade away?

What is the simplest way to make a div appear then fade a way for a few
second?
.fade_div {
visibility: none;
position: fixed;
background-color: yellow;
border: 1px solid black;
top: 300px;
left: 300px
}
<input type="button" value="Add Item" id="mybutton">
<div class="fade_div">Successfully Added!</div>
$('mybutton').click(function(){
$('.fade_div').....
}