Grid Of Equals

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Vezba</title>
   <link rel="stylesheet" href="jquery_ui.css">
    <script src="jquery.js"></script>
    <script src="jquery-ui.js"></script>


    <style>
        .cell{
            display: inline-block;
            width: 250px;
            height: 250px;
            border:1px solid black;
            background: lightblue;
            margin-right:15px;
            margin-bottom:15px;
            vertical-align: top;
        }
        span{
            display: none;
        }
    </style>
</head>

<body>

    <div class="row">
        <div class="cell">
            <h3>Tile 1</h3>
            <span>Some Text</span>
        </div>

        <div class="cell">
            <h3>Tile 2</h3>
            <span>Some Text</span>
        </div>

        <div class="cell">
            <h3>Tile 3</h3>
            <span>Some Text</span>
        </div>
    </div>

    <div class="row">
        <div class="cell">
            <h3>Tile 1</h3>
            <span>Some Text</span>
        </div>

        <div class="cell">
            <h3>Tile 2</h3>
            <span>Some Text</span>
        </div>

        <div class="cell">
            <h3>Tile 3</h3>
            <span>Some Text</span>
        </div>
    </div>

    <div class="row">
        <div class="cell">
            <h3>Tile 1</h3>
            <span>Some Text</span>
        </div>

        <div class="cell">
            <h3>Tile 2</h3>
            <span>Some Text</span>
        </div>

        <div class="cell">
            <h3>Tile 3</h3>
            <span>Some Text</span>
        </div>
    </div>

<script src="main.js"></script>
</body>

$(document).ready(function () {
    $(".cell").hover(function (){
    $(this).find("span").show();
    $(this).find("h3").hide();
    },function (){
    $(this).find("span").hide();
    $(this).find("h3").show();
    })
})