jQuery - zmieniające się divy

Cześć.
Na stronie internetowej chce umieścić divy, które po najechaniu kursorem zmieniają swój wygląd (pokazują zawartość klasy "inter").
Napisałem taki kod w jQuery, niestety powoduje on, że po najechaniu na jeden element z klasą "miniatura", wszystkie z wyżej wymienionym atrybutem, zmieniają się. Chciałbym, aby reagował tylko ten div na który użytkownik najedzie, a nie wszystkie. Co muszę poprawić?
Bardzo proszę o pomoc ;)

$(".miniatura").mouseenter(function(){
                    $(".inter").fadeIn(200);
                });
                
                $(".miniatura").mouseleave(function(){
                    $(".inter").fadeOut(200);
                });