Javascript 将一个div的宽度设置为另一个div的宽度

我在左上角有一个搜索按钮，它使我的搜索栏切换。我想在这里实现的是这一点

我基本上希望搜索栏的宽度与它上面的欢迎标题的宽度相同。欢迎不在标题标记内，而是在列表标记内

这是我创建的

这就是我试过的

 $(document).ready( function () {
var x = $("#page2content :ul").width();
$("#example_filter").css('width', 'x');
});

我基本上想要得到欢迎消息头的宽度，并将其存储在一个var中

---

然后将该变量传递到搜索栏的css宽度。谁能告诉我我做错了什么？请你也能给我一个微笑的解决方案，因为我不想改变的宽度，搜索栏的css直接我想通过jquery设置它的css。谢谢。

1-此选择器不正确page2content:ul，请删除：，因此page2content:ul

2-返回的x是一个数字，您需要将px添加到其中，使其成为有效的CSS属性。您需要以输入为目标

---

请更新您的FIDLE，使其反映您在此发布的代码，并发布相关的HTML.edited，对此表示抱歉。没有id为example_filter的元素，因此您的选择器无法工作。如果您使用的是chrome右键单击并检查元素，则搜索栏的id为example_filter。是否确定？看看你的HTML。搜索示例\u过滤器。您的小提琴中没有具有该ID的元素。

var x = $("#page2content ul").width();
$("#example_filter label input").css('width', x + 'px');