Why is my return empty from jQuery to Velocity?

I am working on an add-on for Confluence. I am using Apache Velocity and Js. When I print out my template, I get no return from my JS file where I am using jQuery. How can I establish the communication between those two correctly? Thank you!

My JS

jQuery(function ($) {
    var initmyConfluenceMacro = function ()
    {
        $(".myConfluenceMacro").each(function()
        {
            var html = "wadup"; 
            var dayDates = $(this).find("input.dayDates").val();
            html = html + dayDates;
            $(this).html(html);
        });
    };
    $(document).ready(function()
    {
        initmyConfluenceMacro();
    });
});

MY Velocity Template.vm

#requireResource("confluence.web.resources:jquery")
#requireResource("com.atlassian.tutorial.myConfluenceMacro:myConfluenceMacro-resources")

My variables : $myCustomVar
My variable js: 

<div class="myConfluenceMacro">
    <fieldset class="parameters hidden">
            <input type="hidden" class="dayDates" value="YO! Was up dude?">
    </fieldset>
</div>

Solution

I managed it. Like this, it is working, and I get the HTML back!

JS

$(document).ready(function(){
    $(".myConfluenceMacro").each(function(){
        $(this).html("Hello <b>world!</b>");
    });
});

VELOCITY

<script type="text/javascript">
 #include( "templates/currencyDetail.js")
</script>
<body>

<div class="myConfluenceMacro">

</div>