Text box does not fetch characters (like & and ,)

<script type="text/javascript">

    function openEditorWindow(forumID) {
        var oReadingWnd = radopen("~/AddArchives.aspx?id=" + forumID);
        oReadingWnd.Center();
    }
</script>
<script type="text/javascript">
    function GetTextBoxValue() {

        var hyp = document.getElementById('<%= JournalName.ClientID %>');

        var hyp1 = document.getElementById('<%= hplAddAcrhives.ClientID %>');
        //alert(hyp.innerHTML + 'su' + hyp.innerText);
        hyp.innerHTML = 'New Text';
        //alert(hyp.innerHTML);
        hyp1.href = 'AddArchives.aspx?JournalName=' + (hyp.value);
    }

<asp:HyperLink ID="hplAddAcrhives"  BackColor="WhiteSmoke"
                                            Font-Bold="True" CssClass="fancybox iframe" runat="server" onClick= "javascript:GetTextBoxValue();">Add Archives</asp:HyperLink>

example - suppose if i pass JOURNAL & RESEARCH from query string ... than text box fetch only JOURNAL

Plz help me .. How to solve this problem