Radio buttons not working...clicking on them does not do anything

This is the relevant html div. I have formatted part of it to make it readable. If I comment out the materialize css script in my html file, everything works fine. However, with materialize script included the radio buttons do not respond to clicks.

<div>
<div>
   <p id="q1">1.   If you earn 1000GD per month, your total profit in the game will be:</p>
     <form action="#">
         <input type="radio" name="q1" value="1" id="q_1_1"><label>5,000GD</label><br>
         <input type="radio" name="q1" value="2" id="q_1_2"><label>10,000GD</label><br>
        <input type="radio" name="q1" value="3" id="q_1_3"><label>12,000GD</label><br>
        <input type="radio" name="q1" value="4" id="q_1_4"><label>15,000GD</label><br>
    </form></div><div><p id="q2">2.   How often can you change the price?
</p><form action="#"><input type="radio" name="q2" value="1" id="q_2_1"><label>Once a month</label><br><input type="radio" name="q2" value="2" id="q_2_2"><label>Once every 6 months</label><br><input type="radio" name="q2" value="3" id="q_2_3"><label>Once a year</label><br></form></div><div><p id="q3">3.   You must change the price every month.</p><form action="#"><input type="radio" name="q3" value="1" id="q_3_1"><label>False. I can, but I don't have to change the price every month. I can continue
    with the same price I chose in the previous month.</label><br><input type="radio" name="q3" value="2" id="q_3_2"><label>True, I have to change the price once a month.</label><br></form></div></div>

[Nohinn]

The labels should have an attribute ‘for’ pointing to the id of the radio it belongs. <input type="radio" name="q1" value="1" id="q_1_1"><label for="q_1_1">5,000GD</label>

[teja2866]

please use the below video link to resolve the issue https://youtu.be/-AO5unPo0Rw