Radio Butonlar ile ilgili ufak bir soru (yardım)

Merhabalar.

Radio buton ile ilgili ufak bir sorum olacaktı.

burada bir örnek var.
Benim yapmak istediğim;

sağ taraftaki sonuç bölümünde "Male" ve ya "Female" tıklandığında da radio butonu işaretlemeli. Şuanki mevcut kodda sadece yuvarlak butonun içi tıklanınca seçim yapıyor.

Bunu nasıl yapabilirim ?
Şimdiden teşekkürler.

http://jsfiddle.net/emnzqe7a/

teşekkürler, çalışma mantığı sizin yaptığınız gibi olacak ancak alt alt değil de yan yana yapması lazım.

Bende şöyle bir kod var;

    <div class="baslik2">2 -)  Paket Seçin:</div>
    <div class="radiop">
        <?
        $_i = 1;
        foreach ($_ayar['paket'] as $_k => $_v) {
            ?>
            <div class="radio">
                <label>
                    <input type="radio" name="paket" value="<?= $_k; ?>"<?
                    if ($_POST['paket'] == $_k) {
                        echo ' checked';
                    } if ($_i == 1) {
                        echo ' required';
                    }
                    ?>> <label><?= $_v; ?></label>
                </label>
            </div>
            <?
            $_i++;
        } unset($_i);
        ?>

paketler ayrı bir dosyada tanımlı;

# Paketler
$_ayar['paket'][1] = 'Paket 1';
$_ayar['paket'][2] = 'Paket 2';

Paketlerin seçim yapıldığı sitedeki ekran çıktısı;

☺ Paket 1
☺ Paket 2
☺ Paket 3

burada örneğin: "Paket 1" yazısına tıklanınca seçim yapmıyor da sadece en baştaki kutucuğa tıkladığımda seçim yapıyor.

Sizin yaptığınızı yukarıdaki koda nasıl uyarlayabiliriz.

Cevaplar çok karma karışık yapacağınız tek şey inputları ve male female yazılarını <label></label> taglarının içine almak

Hocam rica etsem yukarıdaki verdiğim kodda nasıl bir düzenleme yapmam gerektiğini yazabilir misiniz ?

<label><input type='text' name='kadi'>Male</label><br /> Bu şekilde hocam buyrun

Hocam https://www.r10.net/1070036536-post3.html buradaki mesajımda belirttiğim mevcut elimdeki kodda nasıl uygulayabilirim ?