fade in a div at mouse over at another div

fade in a div at mouse over at another div

Hi, I want to show a div when mouse over on a link, I used below code but all div's become appear and fade out together, I want to when mouse over on a specific link it's own div be shown, not all div's with that class.
the code is here:
  1. <script type="text/javascript">
  2.     $(function () {
  3.         $('.pdf').mouseover(function () {
  4.             $('.view').fadeIn("slow");
  5.         });
  6.         $('.pdf').mouseout(function () {
  7.             $('.view').fadeOut("slow");
  8.         });
  9.     })
  10.     </script>
  11.     <style type="text/css">
  12.         .view
  13.         {
  14.          width:130px; height:30px;  border:1px solid #959594; position:relative; z-index:200;
  15.          background-color:#c4c4c4; color:#8a8a89; display:none;
  16.         }
  17.        
  18.         .pdf
  19.         {
  20.             position:relative;  width:220px; height:40px;
  21.         }
  22.         img
  23.         {
  24.             padding:30px;
  25.         }
  26.         .style1
  27.         {
  28.             width: 19px;
  29.         }
  30.     </style>
html code:
  1.           <div class="pdf" style="">
  2.                  <img src="../../img/PDF_icon_web.jpg" alt="" width="32px" height="31px"  />
  3.                  </div>
  4.                 &nbsp;<div class="view" >
  5.                     <a href="">View</a>|<a href="">Download</a>
  6.                    
  7.                 </div>
  8.            
  9.             </td>
  10.         </tr>
  11.         <tr>
  12.             <td>
  13.                 &nbsp;
  14.             <a href="">CHT815</a></td>
  15.             <td class="style1">
  16.                 &nbsp;
  17.            
  18.              <br />
  19.          
  20.               <div class="pdf" style=" ">
  21.                  &nbsp;
  22.                <img src="../../img/PDF_icon_web.jpg" alt="" width="32px" height="31px" />
  23.                 </div>
  24.                &nbsp;<div class="view" >
  25.                     <a href="">View</a>|<a href="">Download</a>
  26.                      </div>
  27.               
  28.          
  29.             </td>
  30.        
  31.     </table>