How to fade out and fade in paragraph in jQuery?

I want paragraph to fade out,I tried many time I've failed in jQuery.

@extends('layouts.master')
@section('content')
<p class="alert-success">Succefull</p>
@endsection

@section('script')

<script type="text/javascript">
$(document).ready(function(){
   $('.alert-succes').delay(1000).fadeOut('fast');
</script>
@stop

//document.write() work correctly I don't where is problem.