Get width from other element to set to current element but not equals in jQuery

Question

I have a input. I want my div when I append it, it has same width of input. Here my code.

$("#search-result").width($("#searchForm").width());

But $("#search-result")'width not equals $("#searchForm")'s width. I try to debug it in Chrome inspect element.

But it's gerenate to HTML like this:

Why? Is there any solution to make same width? Thanks

Answer 1

var searchWidth = $("#searchForm").width() + 'px';
$("#search-result").css('width', searchWidth );