HTML隐藏输入值随javascript和单击文本而更改

好的，所以这看起来应该是非常直接的，但我已经坚持了几个小时了。目标：我想在我的页面上存储一个变量，基于我上次点击页面的"交货"或"取货"div部分。

我有一个Jquery，它使用以下代码来切换页面上显示的内容（部分中的第一段）。除了.value和.innerHTML:之外，其他一切都正常

$(document).ready(function(){
                  $("#pickup_click_link").click(function(){
                    $('#delivery_stuff').fadeOut('fast', function(){
                        $('#pickup_stuff').fadeIn('fast');
                    });
                    $('#delivery_stuff2').fadeOut('fast', function(){
                        $('#pickup_stuff2').fadeIn('fast');
                    });
                    $("#pickup_button").css("background-color","silver");                       
                    $("#delivery_button").css("background-color","white");  
                    window.onload = function(){
                        document.getElementById('pu_del_nav_var').value='Pickup';
                        document.getElementById('pu_del_nav_varTEST').innerHTML='Pickup';
                    }
                  });
                });
                $(document).ready(function(){
                  $("#delivery_click_link").click(function(){
                    $('#pickup_stuff').fadeOut('fast', function(){
                        $('#delivery_stuff').fadeIn('fast');
                    });
                    $('#pickup_stuff2').fadeOut('fast', function(){
                        $('#delivery_stuff2').fadeIn('fast');
                    });
                    $("#pickup_button").css("background-color","white");                        
                    $("#delivery_button").css("background-color","silver"); 
                    delivery_click();
                  });
                });     

我试图在Div和Input之后的一个单独的函数中加载给我错误的代码（.value="Pickup/Devery"和.innerHTML="Pickup/Devery），但我总是得到错误Uncaught TypeEror:无法设置null 的属性"value"

function delivery_click() {  
                                    document.getElementById('#pu_del_nav_var').value='Delivery';    
                                    document.getElementById('#pu_del_nav_varTEST').innerHTML='Delivery';    
                                    alert("Delivery!");
                                }

我如何让这个javascript工作，以便它更改这个输入和"temp here"所在的信息？

<input type="hidden" id="pu_del_nav_var" name="pu_del_nav_var" value="Pickup">
<div name='pu_del_nav_varTEST' id='pu_del_nav_varTEST'>temp here</div>