Position Absolut in Div einsperren jQUERY

<div id="meinFeld" style="border: 1px solid #f30; width: 220px; height: 30px; "></div>  

<div id="Loading">  
    <div id="dotContainer">  
        <div class="dot"></div>  
        <div class="dot"></div>  
        <div class="dot"></div>  
        <div class="dot"></div>  
        <div class="dot"></div>  
    </div>
</div>

<style>
#dotContainer .dot {
    position: absolute; 
    top: 0; 
    width: 7px; 
    height: 7px; 
    margin-left: -5px; 
    background-color: rgba(0, 176, 240, 0.7); 
	border-radius: 2px;
    left: 0; 
} 
</style>

<script>
var loading;
$(document).ready(function() {
    loading = true;
    $(".dot").each(function(index) {  
        moveDot($(this), index);
    });
});

function sinh(aValue) {
    var myTerm1 = Math.pow(Math.E, aValue);
    var myTerm2 = Math.pow(Math.E, -aValue);
    return (myTerm1-myTerm2)/2;
} 

$.easing.speedInOut = function(x, t, b, c, d) {
    return (sinh((x - 0.5) * 5) + sinh(-(x - 0.5)) + (sinh(2.5) + Math.sin(-2.5))) / (sinh(2.5) * 1.82);
}; 

function moveDot(dotItem, delay) {
    if (loading){
        dotItem.delay(delay * 200).css('left', '0%').animate({  
            left: '100%'  
        }, 2000, 'speedInOut',  function() {  
            moveDot(dotItem, 0);
        });
    }
}
</script>