Marquee text Random Change everytimes clicking on link - HTML,JS,JQUERY

MARQUEE-JOBS-SCREENSHOT

Here are div classes in marquee. There are nearly 200+ jobs now i want randomly changing positions everytimes when reloads page. Is that possible ?

MY FIRST JOB :

<marquee id="marquee" class="marquee_code" direction="up" behavior="scroll" scrollamount="4" onmouseout="this.start();" onmouseover="this.stop()" ;>

<div id="job-1">
            <span class="jobname"><b style="color: darkblue; font-size: 15px;">
                              <a href="managercts.html" target="_blank ">
                               Manager - Projects
                             </a></b></span>
            <div class="applyclick1"><a href="upload/contactform.php">Apply</a></div>
            <img class="bagicon" src="images/bagnew.png">
            <div class="exp">10 to 15 Yrs &nbsp; &nbsp; <img class="location" src="images/location.png"> karnataka </div>
            <div class="desktop-tech-descrip">
                Coordinate/ work on requirements gathering and execution process. Identify key acceptance criteria items, key
                <br> dependencies and complexity to be managed.
            </div>
            <span class="desktop-tech-skills">
                            Skills : reporting, planning
                          </span>
            <br>
            <hr class="marqueeline">
        </div>//div 1-job-1 ENDS

LIKEWISE, there are 200+ div's !

When user reloads page first job moves to another place and some other jobs will show in first like,so i want all my jobs to change randomly.

Suggest me some ideas. Thanks in advance !